今天小编跟大家讲解下有关牛人也得看的15个CSS技巧(提高网页效率) ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关牛人也得看的15个CSS技巧(提高网页效率) 的相关资料，希望小伙伴们看了有所帮助。
而使用DIV+CSS的布局方法 将所有页面 或所有区域统一用CSS文件控制 就避免了不同区域或不同页面体现出的效果偏差。 下面为大家介绍几点注意事项 希望能有所帮助： 1、不要使用过小的图片做背景平铺。 这就是为何很多人都不用 1px 的原因 这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域 需要 200*200=40, 000 次 占用资源。 2、无边框。 推荐的写法是 border:none; 哈哈 我一直在用这个。 border:0; 只是定义边框宽度为零 但边框样式、颜色还是会被浏览器解析 占用资源。 3、慎用 * 通配符。 所谓通配符 就是将 CSS 中的所有标签均初始化 不管用的不用的 过时的先进的 一视同仁 这样 大大的占用资源。要有选择的初始化标签。 4、CSS 的十六进制颜色代码缩写。 习惯了缩写及小写 这才知道 原来不是推荐的写法 为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣 有待仔细考证。 5、样式放头上 脚本放脚下。不内嵌 只外链。 6、坚决不用 CSS 表达式。 7、使用 引用样式表 而不是通过 @import 导入。 8、一般来说 PNG 比 GIF 要小 小得多。再者 GIF 中有多少颜色是被浪费的 很值得优化。 9、千万不要在 HTML 中缩放图片 一者不好看 二者占资源。 10、正文字体最好用偶数 12px、14px、16px 效果非常好。特例 15px。 11、block、ul、ol 等上下留出至少一倍行距 左侧至少两倍行距 右侧随意。 12、段落之间 至少要有一倍行距。 13、强行指定某些元素的 line-height 正文 1.6 倍于文字大小 标题 1.3 倍。 14、中文标点用全角。英文夹杂在中文中 左右空格 半角。 15、中文字体的粗体和斜体 远离较好 利民利己。来源：爱蒂网
