您的位置: 主页 > 网络技术 > 网页制作 > Html/CSS > CSS技巧与常识汇总

CSS技巧与常识汇总
时间:09-10-05 来源:未知 作者:admin 阅览:

1、不要使用过小的图片做背景平铺,宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。这就是为何很多人背景都不用 1px 平铺的原因。

2、无边框样式推荐的写法是 border:none;。border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。

3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均给初始化,不管用的还是没用的,一视同仁,这样浪费了大量资源。要有选择的初始化标签。

4、CSS 的十六进制颜色代码缩写问题。缩写或者小写不是推荐的写法,为的是减少解析所占用的资源。但这样会增加文件体积。孰重孰轻,有待验证。

5、样式放头上,脚本放脚下。不内嵌,只外链。

6、坚决不用 CSS 表达式。

7、使用 引用样式表,而不是通过 @import 导入。

8、一般来说,PNG 比 GIF 要小的多。再者,GIF 中很多颜色是被浪费的,很值得去优化。

9、千万不要在 HTML 中缩放图片,一是不好看,二是占用资源。

10、正文字体最好用偶数,比如:12px、14px、16px,效果非常好。还有个特例,15px。

11、block、ul、ol 等上下至少要留出一倍行距,左侧至少留出两倍行距,右侧随便。

12、段落之间,至少要有一倍的行距。

13、强行指定某些元素的 line-height 时,正文 1.6 倍于文字大小,标题 1.3 倍。

14、中文标点用全角。英文夹杂在中文中时,左右空格,半角。

15、中文字体的粗体和斜体,远离比较好。

 


Html/CSS相关
关于<< CSS技巧与常识汇总 >>的评论 查看所有评论