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

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