书写css的一些技巧,提高css性能 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

   

    大家都知道,css是个好玩的东西,好玩就好玩在他的层叠上,可以一层一层的往上面叠,好像盖楼层一样,最高层的人地位最大,

书写css的一些技巧,提高css性能

。如何书写css的,发挥css的最大性能估计是大家最关注的,下面从平时写css的时候一些技巧,拿出来分享下,一起来讨论下如何书写css的一些技巧,提高css性能(css教程)。

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

    有些人特别喜欢做的事,直接就一个*全部重置样式搞定,觉得使用通配符很方便,但没考虑的这是很占用系统资源的,因为这通配符就是将CSS中的所有标签都初始化了,不过用的不用的,过时的先进的,一视同仁,这样,大大的占用资源,

电脑资料

书写css的一些技巧,提高css性能》(https://www.unjs.com)。所以尽量不要贪图方便而使用通配符,应该有选择的初始化标签的样式。

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

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

    三、无边框。

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

    这几点技巧,大家在平时书写css的时候应该注意的。目的是通过这些技巧发挥css的最佳性能。

最新文章