大连仟亿科技
客服中心
  • 电话
  • 电话咨询:0411-39943997
  • 手机
  • 手机咨询:15840979770
    手机咨询:13889672791
网络营销 >更多
您现在的位置:仟亿科技 > 新闻中心 > 常见问题

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

作者:billionnet 发布于:2012/7/21 17:33:25 点击量:

        大家都知道,css是个好玩的东西,好玩就好玩在他的层叠上,可以一层一层的往上面叠,好像盖楼层一样,最高层的人地位很大。如何书写css的,发挥css的很大性能估计是大家最关注的,下面从平时写css的时候一些技巧,拿出来分享下,一起来讨论下如何书写css的一些技巧 提高css性能

 

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


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

 

  二、尽量不要使用过小的图片做背景平铺。
  原因是,假如用1px * 1px的图片平铺出一个 100px * 100px的区域,就需要100 * 100 = 10000 次,是非常占用资源的。

 

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

 

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



分享到:


评论加载中...
内容:
评论者: 验证码:
  

Copyright@ 2011-2017 版权所有:大连仟亿科技有限公司 辽ICP备11013762-1号   google网站地图   百度网站地图   网站地图

公司地址:大连市沙河口区中山路692号辰熙星海国际2215 客服电话:0411-39943997 QQ:2088827823 42286563

法律声明:未经许可,任何模仿本站模板、转载本站内容等行为者,本站保留追究其法律责任的权利! 隐私权政策声明