评“15个CSS常识”

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
(不认同这个)

2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。
(的确是这样,不过这个在IE下有些问题要和背景一起用才有效)

3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。(不认同这个)

4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。
(这是推荐的写法也是减少CSS文件体积的方法。)

5、样式放头上,脚本放脚下。不内嵌,只外链。
(不认同,因为内嵌可以解决部分CSS样式解析失效的问题,而且内嵌CSS一般都在大型网站中使用。)

6、坚决不用 CSS 表达式。
(反对)

7、使用 引用样式表,而不是通过 @import 导入。
(反对,这个要看具体应用了)

8、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。(反对,png 不能做动画。)

9、千万不要在 HTML 中缩放图片,一者不好看,二者占资源。
(反对,这个方法可以优化一下图片的JS预览效果)

10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。
(反对15px,单数是英文字体的。)

11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。
(反对,这个看个人习惯)

12、段落之间,至少要有一倍行距。
(这个也是个人习惯,我认为是 1em)

13、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。
(反对,通用的是 1.5)

14、中文标点用全角。英文夹杂在中文中,左右空格,半角。
(这个要看个人习惯)

15、中文字体的粗体和斜体,远离较好,利民利己。
(这点我基本无视)

查看原文请到这里,我的评价基本完成。

《评“15个CSS常识”》上有8条评论

  1. 胡说八道
    完全的胡说八道
    入行一两年的新手,可能感觉自我感觉太好,就不把W3C放眼里了。。。
    加油学习吧,差得还远啊

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据