p+css的15個(gè)css重則

時(shí)間：2025-08-23 01:24:06 網(wǎng)頁(yè)設(shè)計(jì)

p+css的15個(gè)css重則

　　導(dǎo)語(yǔ)：p+css是網(wǎng)頁(yè)編寫(xiě)中必不可少的一部分，那么，p+css有哪些重要的規(guī)則呢？下面由百分網(wǎng)小編為大家整理了p+css的15個(gè)css重則，希望能幫到你。

　　p+CSS最重要的優(yōu)勢(shì)之一：保持視覺(jué)的一致性;以往表格嵌套的制作方法，會(huì)使得頁(yè)面與頁(yè)面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用p+CSS的制作方法，將所有頁(yè)面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁(yè)面體現(xiàn)出的效果偏差。下面為你介紹幾點(diǎn)注意事項(xiàng)，希望對(duì)你有幫助。

　　1、不要使用過(guò)小的圖片做背景平鋪。

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

　　2、無(wú)邊框。

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

　　3、慎用 * 通配符。

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

　　4、CSS 的十六進(jìn)制顏色代碼縮寫(xiě)。

　　習(xí)慣了縮寫(xiě)及小寫(xiě)，這才知道，原來(lái)不是推薦的寫(xiě)法，為的是減少解析所占用的資源。但同時(shí)會(huì)增加文件體積。孰優(yōu)孰劣，有待仔細(xì)考證。

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

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

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

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