大家在开发Web项目的时候,面对前台漂亮的效果图、不同本版的浏览器,肯定会遇到CSS上各种各样的需求,基于本人的开发经验,持续更新CSS中常用的一些代码。
1、背景透明度
filter: alpha(opacity=50); /*IE滤镜,透明度50%*/
-moz-opacity: 0.5; /*Firefox私有,透明度50%*/
opacity: 0.5; /*其他,透明度50%*/
2、文字在div中居中
line-height: div的高度; /*div中文字垂直居中*/
text-align: center; /*div中文字水平居中*/
3、清除前面浮动布局float样式对后面的排班的影响
clear: both; /*在一块浮动区域排版完的下一个元素设置该属性,可让这个属性以后的元素浮动布局与前面的浮动布局分开*/
4、设置浮动布局后,margin、padding等间距不管用
height: 浮动布局的高度; /*若浮动布局的父元素没有高度,则默认改元素没有高度,所以设置间距看不出效果*/