• 使用reset.css 重置样式表，统一各浏览器的基础样式，淘宝、京东、百度等都有自己的reset.css
• CSS3兼容前缀表示

• -webkit- webkit渲染引擎 chrome/safari
• -moz- gecko渲染引擎 Firefox
• -ms- trident渲染引擎 IE
• -0-peck渲染引擎 Opera

• IE9以下浏览器opacity无效

• opacity: 0.7;
• filter: alpha(opacity:70);
• filter: progid:DxImageTransform.Microsoft.Alpha(style = 0 opacity = 70)

• 透明度属性兼容

• 解决方案：

• filter：alpha（opacity=value）；（取值范围1–100）,兼容其他浏览器：opacity：value；（取值范围0–1）

• Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)

• Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。
• FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。
• Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
• StartX和StartY：代表渐变透明效果的开始X和Y坐标。
• FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。

• IE6/7图片下面有空隙的问题

• img{display: block;}

• IE6下无法设置1px的行高，原因是由其默认行高引起的

• 父级设置：text-aligin: center;