CSS新手整理的CSS技巧 |
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 中有多少
色彩是被
浪费的,很值得优化 。
10、 诠释字体最好用偶数,12px、14px、16px, 动机十分好 。特例,15px 。
11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧 随便 。
12、段落中间,至少要有一倍行距 。
13、强行指定某些元素的 line-height, 诠释 1.6 倍于文字大小, 题目 1.3 倍 。
14、中文标点用全角 。英文夹杂在中文中,左右空格,半角 。
15、中文字体的粗体和斜体,远离较好,利民利己 。 |