CSS樣式表書寫基本規(guī)范.doc

CSS樣式表書寫基本規(guī)范-東莞市普林網(wǎng)絡(luò)科技有限公司CSS樣式表可以有效地對(duì)控制頁面布局、字體、顏色、背景和其它效果，實(shí)現(xiàn)網(wǎng)頁皮膚的精確表現(xiàn)和變化。應(yīng)該說每位網(wǎng)頁制作朋友都有自己的CSS設(shè)計(jì) 習(xí)慣和經(jīng)驗(yàn)。那么有沒有css書寫規(guī)范呢？這里談?wù)勛约嚎捶?。一、首先根?jù)css樣式位置不同，樣式表類型有：1.內(nèi)聯(lián)樣式表如：2.嵌入樣式表3.外部樣式表最好盡量用外部樣式表，也就是把所有CSS外部調(diào)用，也就是形如：二、其次根據(jù)CSS樣式選擇器(選擇符)不同，也可以分為三種最主要的類型，他們可以根據(jù)需要進(jìn)行組合，談 談他們的順序問題。1.類：可應(yīng)用于任何標(biāo)簽，css選擇符一般帶一個(gè)點(diǎn)點(diǎn)記號(hào)。頁面里某個(gè)對(duì)象套用這個(gè)類css，需要用。比如 .love .mo-bg2.標(biāo)簽：重新定義特定標(biāo)簽的外觀，css選擇符沒有前綴記號(hào)。頁面里同名標(biāo)簽對(duì)象直接套用這個(gè)css樣式屬 性。比如 body p hr h13.高級(jí)：包括鏈接的4種狀態(tài)，a:link a:visited，a:hover，a:active，還包括ID選擇符，就是那些只適合網(wǎng)頁特定內(nèi)容的帶#記號(hào)選擇符。4.一般地，重新定義特定標(biāo)簽css樣式一般需要放在css樣式表文件的最前面，作為網(wǎng)頁的通用樣式。5.一般地，偽類其次，因?yàn)樗臉邮娇梢跃植坑糜谀骋活惖膆tml標(biāo)簽6.一般地，高級(jí)標(biāo)簽放css樣式表最后，比如 a:link a:visited a:hover a:actived，和#。7.以上三種選擇符的順序也不是絕對(duì)的，覺得反而應(yīng)該把他們的順序反過來。因?yàn)橥ㄓ胏ss選擇符屬性一旦定好就不會(huì)時(shí)常改動(dòng)。反而是是帶# 和帶.記號(hào)的選擇符需要常調(diào)整。放在css樣式表文件的前頭就不需要老拉動(dòng)窗口的豎向滾動(dòng)條了。8.最后提醒，書寫css樣式表時(shí)，最好把首頁css樣式表單獨(dú)分開，因?yàn)槭醉摌邮胶筒季?、一般老板可能遲 遲不能確定，修改次數(shù)多。而其它頁面相對(duì)穩(wěn)定。三、css樣式中關(guān)于字號(hào)的規(guī)范為保證不同瀏覽器上字號(hào)一致，認(rèn)為網(wǎng)頁最佳字號(hào)單位用像素px或點(diǎn)數(shù)pt，優(yōu)先用px。國外的css樣式喜歡用em，認(rèn)為不適合中國國情。最合適的字體和字號(hào)大小分別是：px一般使用中文宋體12px或14.7pxpt一般使用中文宋體的9pt和11pt黑體字或宋體字需要加粗時(shí)，一般選用11pt和14.7px再加粗比較合適。提示：以上尺寸使用不是絕對(duì)的，僅供你參考。四、重新定義body標(biāo)簽背景色,保證瀏覽器兼容性bodybackground-color:#fff;五、根據(jù)調(diào)整css時(shí)候出現(xiàn)的那個(gè)對(duì)話框，css聲明包括8個(gè)類別：1、類型：其實(shí)就是字體2、背景：背景圖片或顏色3、區(qū)塊：沒有寬高尺寸的方塊內(nèi)容，包括文本對(duì)齊縮進(jìn)等。4、方框：寬高、浮動(dòng)，邊距邊界，這里是css樣式調(diào)節(jié)的重點(diǎn)，主要用在網(wǎng)頁布局。5、邊框：邊框顏色粗細(xì)等6、列表：列表項(xiàng)的樣式設(shè)置7、定位：某布局對(duì)象的絕對(duì)定位等，用的較少。8、擴(kuò)展：光標(biāo)、濾鏡等，用的更少。efish提示，不是每個(gè)css聲明都需設(shè)置，看看別人寫的css，就明白一般前6種聲明比較常見。聲明在里面的排列順序可以不按照此8類順序。五、各種瀏覽器的默認(rèn)解析不同導(dǎo)致的css不兼容,需要先行初始化。body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,tdmargin:0