通过优化CSS代码 减小对系统资源的占用

通过优化CSS代码，减小对系统资源的占用。自己整理出几个能减少系统资源占用的CSS写法，要优化网站的页面加载速度，这些注意点不能忽视！

一、尽量不要使用*通配符。

这是以前我自己一直忽视的问题，觉得使用通配符很方便，但没考虑的这是很占用系统资源的，因为这通配符就是将CSS中的所有标签都初始化了，不过用的不 用的，过时的先进的，一视同仁，这样，大大的占用资源。在大前端中，也对此知识点有所说明。所以尽量不要贪图方便而使用通配符，应该有选择的 初始化标签的样式。

二、尽量不要使用过小的图片做背景平铺。

原因是，假如用1px * 1px的图片平铺出一个 300px * 300px的区域，就需要300 * 300 = 60000 次，是非常占用资源的。

三、无边框。

很多人经常会这样些的：border:0;其实这只是定义了边框的宽度为0，但边框样式、颜色等还是会被浏览器解析的，所以也是占用了不少的资源，尤其 是有些没注意上文提到的第一问题，将所有的标签初始化都定义了border:0; 推荐的写法是：border:none;

这是整理出来的几个比较容易犯错的地方，也欢迎大家一起来大前端讨论！

 

说明： 本文转载于大前端 http://www.daqianduan.com/css-http/