CSS教程整理篇：推薦二十幾個(gè)小技巧

　　建站學(xué)院(LieHuo.Net)CSS 教程 三年前可能您還不知道什么是CSS，三年后的今天，提起CSS，作為站長(zhǎng)的您，如果連它的大名都不知道，可謂是一名非常不成功的站長(zhǎng)。早期的網(wǎng)頁制作大都是TABLE表格控制的，那樣制作出來的網(wǎng)頁框架死，冗余代碼多，所以逐漸的被非常靈活的層疊樣式（CSS）所代替，在建站學(xué)院CSS教程中，我們會(huì)一邊發(fā)一些CSS教程，同進(jìn)也會(huì)提供一些CSS小技巧。下面是小編精心整理的20多小技巧，希望對(duì)您有所幫助。

　　CSS 的十六進(jìn)制顏色代碼縮寫。習(xí)慣了縮寫及小寫，這才知道，原來不是推薦的寫法，為的是減少解析所占用的資源。但同時(shí)會(huì)增加文件體積。孰優(yōu)孰劣，有待仔細(xì)考證。

　　無邊框。推薦的寫法是 border:none;，哈哈，我一直在用這個(gè)。 border:0; 只是定義邊框?qū)挾葹榱悖吙驑邮健㈩伾€是會(huì)被瀏覽器解析，占用資源。

　　不要使用過小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因，這才知曉。寬高 1px 的圖片平鋪出一個(gè)寬高 200px 的區(qū)域，需要 200*200=40, 000 次，占用資源。

　　慎用 * 通配符。所謂通配符，就是將 CSS 中的所有標(biāo)簽均初始化，不管用的不用的，過時(shí)的先進(jìn)的，一視同仁，這樣，大大的占用資源。要有選擇的初始化標(biāo)簽。

　　樣式放頭上，腳本放腳下。不內(nèi)嵌，只外鏈。

　　堅(jiān)決不用 CSS 表達(dá)式。

　　使用 引用樣式表，而不是通過 @import 導(dǎo)入。

　　一般來說，PNG 比 GIF 要小，小得多。再者，GIF 中有多少顏色是被浪費(fèi)的，很值得優(yōu)化。

　　千萬不要在 HTML 中縮放圖片，一者不好看，二者占資源。

　　正文字體最好用偶數(shù)，12px、14px、16px，效果非常好。特例，15px。

　　block、ul、ol 等上下留出至少一倍行距，左側(cè)至少兩倍行距，右側(cè)隨意。段落之間，至少要有一倍行距。

　　強(qiáng)行指定某些元素的 line-height，正文 1.6 倍于文字大小，標(biāo)題 1.3 倍。

　　中文標(biāo)點(diǎn)用全角。英文夾雜在中文中，左右空格，半角。

　　中文字體的粗體和斜體，遠(yuǎn)離較好，利民利己。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)