转载某网友学习css心得技巧笔记18条
feilong.org 修订于2009-05-20 07:00:18 360 次浏览转载某网友学习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.骨架尽量少用。广告区域的样式更要全篇谋划。
更新网址：https://feilong.org/css-tips
最初发布：20090520 07:00:18 feilong.org 于广州
加入收藏夹，查看更方便。
所在分类： 网站开发