div+css必看的css重則

時間：2024-06-27 05:29:06 CSS

div+css必看的css重則

　　div+CSS最重要的優勢是保持視覺的一致性;以往表格嵌套的制作方法，會使得頁面與頁面，或者區域與區域之間的顯示效果會有偏差。而使用div+CSS的制作方法，將所有頁面，或所有區域統一用CSS文件控制，就避免了不同區域或不同頁面體現出的效果偏差。下面yjbys小編為你介紹幾點注意事項，希望對你有幫助。

　　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 中有多少顏色是被浪費的，很值得優化。