评“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. shushu says:

    呵呵,路过。。

  2. 7lilei helo says:

    heloo my name is 7lilei

  3. SATURN says:

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

  4. licream says:

    平安夜快乐,圣诞快乐!

  5. MeTom says:

    呵呵,都这么专业啊

  6. FORRSS says:

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

  7. xu.hel says:

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

  8. 3pz! says:

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

这篇文章的评论已关闭。