CSS渲染效率——高效CSS之路
在网站建设大军中，我们追求WEB标准，我们追求WEB标签语义化，我们追求一切的网站建设细节，归根结底都是为了提高用户的体验，而上面的这些地方并不是全部，还有很多需要学习和了解的内容。青岛网站建设今天跟大家一起讨论一下高效CSS中的CSS渲染效率问题。其实CSS渲染效率同样是我们在网站建设中不可忽略的一个重要因素。
以下内容主要从几个重要的书写习惯以及标签属性的用法上来讲解CSS渲染效率的问题。
1、隐藏边框和隐藏元素。
隐藏边框的方法有两种：(1)display:none; (2)visiblity:hidden; 他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。
以上两种方式，从CSS渲染效率上来说，我们应该选择（1）较为恰当。
隐藏边框的方式也有两种：(1) border:none;(2)border:0;和display与visibility的关系类似，分别不保留与保留空间。更多的是border:0;尽管可以隐藏掉边框，但它会为你保留border-color/border-style的使用权。
这里我们仍然建议使用(1)的方式来隐藏边框较为恰当。
2、*{ margin:0; padding:0;}的使用。
通常情况下，为了避免浏览器的兼容性问题，我们会在样式表的顶部使用这样的一行代码。如果你仔细看过很多大型门户网站的CSS样式表你可能就会发现，他们根本没人使用这样的一条“通杀”语句。其实原因很简单。因为星号通配符的使用会导致电脑进行大量的计算，遍历所有的HTML标签，结果就是降低浏览器的运行速度。这种不必要的牺牲，我们完全可以通过增加几个字节的字符来避免，那就是必要的时候再对这些样式进行初始化。
不推荐使用星号以及星号作为内外层样式来匹配div span button table等标签。推荐的做法是，使用ul,ol,li,dl,dt,dd这样的枚举组选择器来实现。
3、不宜过小的背景图片平铺
一张宽高1px的背景图片，虽然文件体积非常之小，但渲染宽高500px的板块需要重复平铺250000(贰拾伍万)次。提高背景图片渲染效率跟图片尺寸及体积有关，最大的图片文件体积保持约70KB。
不赞成 - 宽高都在8px以下的平铺背景图片， 建议用 - 衡量适中体积及尺寸的背景图片。
4、让属性尽可能多的去继承
尽可能让一些属性子可以继承父元素，而不是覆盖父元素
5、不要添加额外的class或者id
如果你的标签已经定义了一个id那请不要再使用class了，因为id本身就已经是唯一的元素了，没有必要再添加一个class来浪费客户的资源。
6、一个页面上少用绝对定位
绝对定位（position:absolute ）是网页布局中很常用到的，特别是作一些浮动效果时，也会让页面看起来非常的酷。但网页中如果使用过多的绝对定位，会让你的网页变得非常的慢，这一点上边FIREFOX表现要比IE还要差。