- ·上一篇文章:DivCSS网页布局中CSS无效的十个常见原因
- ·下一篇文章:详谈CSS网页布局中容易发生的错误编码
当前位置:K88软件开发 → 文章中心 → 编程语言 → Css/Css3 → Css/Css301 → 文章内容
通过优化CSS代码 减小对系统资源的占用
通过优化CSS代码,减小对系统资源的占用。自己整理出几个能减少系统资源占用的CSS写法,要优化网站的页面加载速度,这些注意点不能忽视!
一、尽量不要使用*通配符。
这是以前我自己一直忽视的问题,觉得使用通配符很方便,但没考虑的这是很占用系统资源的,因为这通配符就是将CSS中的所有标签都初始化了,不过用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。在52CSS.com中,也对此知识点有所说明。所以尽量不要贪图方便而使用通配符,应该有选择的初始化标签的样式。
二、尽量不要使用过小的图片做背景平铺。
原因是,假如用1px 
* 
1px的图片平铺出一个 
300px 
* 
300px的区域,就需要300 
* 
300 
= 
60000 
次,是非常占用资源的。
三、无边框。
很多人经常会这样些的:border:0
其实这只是定义了边框的宽度为0,但边框样式、颜色等还是会被浏览器解析的,所以也是占用了不少的资源,尤其是有些没注意上文提到的第一问题,将所有的标签初始化都定义了border:0
 
推荐的写法是:border:none
一、尽量不要使用*通配符。
这是以前我自己一直忽视的问题,觉得使用通配符很方便,但没考虑的这是很占用系统资源的,因为这通配符就是将CSS中的所有标签都初始化了,不过用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。在52CSS.com中,也对此知识点有所说明。所以尽量不要贪图方便而使用通配符,应该有选择的初始化标签的样式。
二、尽量不要使用过小的图片做背景平铺。
原因是,假如用1px 
* 
1px的图片平铺出一个 
300px 
* 
300px的区域,就需要300 
* 
300 
= 
60000 
次,是非常占用资源的。
三、无边框。
很多人经常会这样些的:border:0
其实这只是定义了边框的宽度为0,但边框样式、颜色等还是会被浏览器解析的,所以也是占用了不少的资源,尤其是有些没注意上文提到的第一问题,将所有的标签初始化都定义了border:0
 
推荐的写法是:border:none
通过优化CSS代码 减小对系统资源的占用