Xu Design

Feed Rss

评“15个CSS常识”

12.22.2009, Librarys, by , 2,617 views.

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 则回应给 评“15个CSS常识”

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

    回复
  2. 呵呵,我把我的评价补上了

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

    回复
  4. 呵呵,都这么专业啊

    回复
  5. 平安夜快乐,圣诞快乐!

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

    回复
  7. heloo my name is 7lilei

    回复
  8. 呵呵,路过。。

    回复


发表评论

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

*


返回顶部