前言
css的不常用效果总结，今天分享一下css的一些不常用效果，有些效果大家可能不常用，因此可能有些朋友都没有用过，今天带领大家一起过一下这些不常用效果。关于css的一些常用的效果，我之前也总结了，请看：http://www.haorooms.com/post/css_common
不常用效果总结如下几个，后面慢慢再补充
1、box-reflect文字倒影效果
效果演示如下：
属性参数介绍：
box-reflect：none |
图片加载失败，所导致的浏览器兼容问题
视频教程上线，大家多多指教！
近期，应麦子学院邀请，录制了《移动端前端实训》的视频教程，现已部分上线，还请大家多多指点！
实训项目介绍
实训项目是原来广联达兴安得力的微信商城的项目，项目是真实项目。目的是通过微信商城来推广广联达兴安得力的软件产品。
为了保证原来项目的版权，本次实训并非原封不动把原来的项目搬过来，而是把原来项目代码重新编写！
实训内容介绍
按理说，移动端项目应该精简，能少用东西的尽量少用。本次移动端实战项目，为了给大家普及更多地知识点，我用SASS处理器，来书写css,用requirejs模块化管理项目中的js。图片的加载采用canvas加载图片！
具体课程大纲如下：
一、移动端流行技术介绍
1、本次课程介绍及移动端主流框架介绍
css段落文字（中英文混杂）实现两端对齐
今天分享一个小技巧，是中英文两端对齐，只是应对哪些变态的需求。一般情况下还是不推荐使用的，毕竟使用了几句js。
案例如下：
混合使用汉字和英文的段落默认如下：
两边是不对齐的(一般情况下，我们对这种情况不做处理，除非需求或者设计非要我们实现两端对齐)。
js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结
很久之前写了一篇通过浏览器navigator判断浏览器版本或者手机类型，里面介绍了运用navigator判断浏览器类型。今天在这篇文章基础上做个补充吧！
js 判断安卓或者ios 之indexOf方式
//判断访问终端
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
qq: u.match(/\sQQ/i) == " qq" //是否QQ
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}