评“15个CSS常识”

12.22.2009, Librarys, by .

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、中文字体的粗体和斜体,远离较好,利民利己。
(这点我基本无视)

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

8 Replies

  1. 3pz! says:

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

    Reply

  2. xu.hel says:

    呵呵,我把我的评价补上了

    Reply

  3. FORRSS says:

    这篇日志的标题应该改为“批判15个CSS常识”

    Reply

  4. MeTom says:

    呵呵,都这么专业啊

    Reply

  5. licream says:

    平安夜快乐,圣诞快乐!

    Reply

  6. SATURN says:

    网络上各种所谓的教程、心得,不知道有多少权威性,很容易给新手照成疑惑。

    Reply

  7. 7lilei helo says:

    heloo my name is 7lilei

    Reply

  8. shushu says:

    呵呵,路过。。

    Reply

发表评论

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

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