1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
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、中文字体的粗体和斜体,远离较好,利民利己。
分享到:
相关推荐
宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被...
15个CSS常识,注意一下吧,网页制作的朋友可以参考下
上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合
css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...
二十五个优秀CSS酷站欣赏 - Css教程
CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装
CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验
354个CSS3特效源码,涵盖几乎所有网页常见CSS3特效,支持PC端和移动端。
自己写的一个css自己写的一个css自己写的一个css
8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的CSS特效源码打包 8个好玩酷炫的...
CSS大全CSS大全CSS大全CSS大全CSS大全
CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...
精通CSS精通CSS精通CSS精通CSS精通CSS
css 任意两个点连接成一条线,没有使用到canvas。纯css实现。这个只是一个demo。您可以参考
CSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.css
50个CSS超炫丽button样式设计界面好帮手 50个CSS超炫丽button样式设计界面好帮手
邮件css web css 手机css!邮件css web css 手机css!邮件css web css 手机css!
静态网页 221html+css个模板 (120)静态网页 221html+css个模板 (120)静态网页 221html+css个模板 (120)静态网页 221html+css个模板 (120)静态网页 221html+css个模板 (120)静态网页 221html+css个模板 (120)静态网页...