- 相關推薦
p+css的15個css重則
導語：p+css是網(wǎng)頁編寫中必不可少的一部分，那么，p+css有哪些重要的規(guī)則呢？下面由百分網(wǎng)小編為大家整理了p+css的15個css重則，希望能幫到你。
p+CSS最重要的優(yōu)勢之一：保持視覺的一致性;以往表格嵌套的制作方法，會使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會有偏差。而使用p+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。下面為你介紹幾點注意事項，希望對你有幫助。
1、不要使用過小的圖片做背景平鋪。
這就是為何很多人都不用 1px 的原因，這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的區(qū)域，需要 200*200=40, 000 次，占用資源。
2、無邊框。
推薦的寫法是 border:none;，哈哈，我一直在用這個。 border:0; 只是定義邊框?qū)挾葹榱�，但邊框樣式、顏色還是會被瀏覽器解析，占用資源。
3、慎用 * 通配符。
所謂通配符，就是將 CSS 中的所有標簽均初始化，不管用的不用的，過時的先進的，一視同仁，這樣，大大的占用資源。要有選擇的初始化標簽。
4、CSS 的十六進制顏色代碼縮寫。
習慣了縮寫及小寫，這才知道，原來不是推薦的寫法，為的是減少解析所占用的資源。但同時會增加文件體積。孰優(yōu)孰劣，有待仔細考證。
5、樣式放頭上，腳本放腳下。不內(nèi)嵌，只外鏈。
6、堅決不用 CSS 表達式。
7、使用 引用樣式表，而不是通過 @import 導入。
8、一般來說，PNG 比 GIF 要小，小得多。再者，GIF 中有多少顏色是被浪費的，很值得優(yōu)化。
9、千萬不要在 HTML 中縮放圖片，一者不好看，二者占資源。
10、正文字體最好用偶數(shù)，12px、14px、16px，效果非常好。特例，15px。
11、block、ul、ol 等上下留出至少一倍行距，左側(cè)至少兩倍行距，右側(cè)隨意。
12、段落之間，至少要有一倍行距。
13、強行指定某些元素的 line-height，正文 1.6 倍于文字大小，標題 1.3 倍。
14、中文標點用全角。英文夾雜在中文中，左右空格，半角。
15、中文字體的粗體和斜體，遠離較好，利民利己。
【p+css的15個css重則】相關文章：
什么是CSS03-02
CSS清除浮動01-19
CSS編程的外部CSS文件引用方法是什么06-28
Dreamweaver編寫CSS的教程06-02
CSS網(wǎng)頁設計技巧08-14
CSS簡寫方法總結(jié)06-27
網(wǎng)頁設計css教學03-23
Dreamweaver應用CSS樣式02-14