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 中有多少 色彩是被 浪费的,很值得优化 。
 
    9、千万不要在 HTML 中缩放图片,一者不好看,二者占资源 。

 

    10、 诠释字体最好用偶数,12px、14px、16px, 动机十分好 。特例,15px 。 

 

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

 

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

 

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

 

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

 

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