飞龙博客

深入经藏 智慧如海

转载某网友学习css心得技巧笔记18条

feilong.org 修订于2010-02-03 11:32:11 641

转载某网友学习css技巧心得笔记18条,最后三条飞龙自己加的,飞龙来逐一分析。本文修订网址http://feilong.org/css-tips 20050526-2修订2010年第4次修订。

1.不使用太小图片做背景。比如用边长1px的图片平铺一个边长200px的方形需平铺200*200=40,000次图片!占用资源。物极必反。
2.无边框推荐写法border:none;因为border:0;定义边框宽度为零,但边框样式和颜色仍然会被浏览器解析。这不对吧?没通过验证呢!
3.慎用*通配符。通配符将CSS所有标签初始化,大大耗用资源。有点道理,以后注意。

4.CSS十六进制颜色代码缩写是对是错?缩写及小写不是推荐写法即不受默认源格式。源格式可以减少解析所占用的资源,但会增加css文件体积。孰优孰劣?有待考证。
5.css样式放头上,js脚本放脚下。只外链,不内嵌。飞龙总结先后顺序:dtd-网页编码-meta信息-title标题-css样式调用-JavaScript的js调用。
6.坚决不用CSS表达式。飞龙注:啥意思?网页不写style了吗?

7.使用引用样式表,而不是通过@import导入。@import导入没用过。
8.一般来说PNG比GIF要小,小得多。再者,GIF中有多少颜色是被浪费的。
9.不在HTML中缩放图片,不好看,占资源。

10.正文字体最好用偶数,12px.14px.16px。特例 15px。11pt也不错就是太细。
11.block.ul.ol等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。
12.段落之间,至少要有一倍行距。没定数。

13.强行指定某些元素的line-height,正文1.6倍于文字大小,标题1.3倍。
14.中文标点用全角。英文夹杂在中文中,左右空格,半角。
15.中文字体的粗体和斜体,远离较好,利民利己。不会吧?

16.模块上下左右不管三七二十一padding至少5px。
17.框架最佳宽度是屏960px、main780px、sidebar212px到220px
18.骨架尽量少用。广告区域的样式更要全篇谋划。

更新网址:http://feilong.org/css-tips
最初发布:20090520 07:00:18 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文:

飞龙前端QQ群