css最佳实践

一，设置文字不可见

 .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;

}