一,设置文字不可见
.text-hide{ font:0/0 a; color:transparent; text-shadow: none; background-color:transparent; border:0 }
二,給css样式定义排序
1,显示与浮动(display,float)
2,定位(position)
3,尺寸,(width.height,padding,margin,border,outline)
4,字体样式(font-size)
5,背景(background)
推荐一个(css排序工具---CSScomb)
三,合理利用css的权重:提高代码的重用性
css权重指的是这些选择符的优先级,优先级高的css样式会覆盖优先级低的样式,优先级越高说明权重弄越高。
css权重的计算方法:
四,css选择符的一些原则:(定义选择符的原则就是尽量使选择符的权重低)
(1)css样式中尽量不要使用ID选择器
(2)减少子选择器的层级
(3)使用组合的css类选择器
.test{ font-size:40px; } .common{ color:#ccc; } .important{ color:#F00; }