啥是規(guī)范？規(guī)范是沒有強(qiáng)制性的東西，他建議你去遵守，遵守的話可能會給你帶來一定的好處，但是你堅(jiān)持不遵守也未必會有什么嚴(yán)重的后果。中小學(xué)生行為規(guī)范要求我們不要早戀，因?yàn)檫@會分散我們的精力，進(jìn)而影響我們的學(xué)習(xí)成績。但是你要是覺得學(xué)習(xí)這件事情簡直是小菜一碟，輕輕松松就名列前茅了，或者你是富二代，別害羞，我們不會歧視你的，反正富二代其實(shí)完全可以不在乎分?jǐn)?shù)什么的。那你完全可以選擇這個美妙的人生副本（別吵，在學(xué)校階段這個就是副本，畢業(yè)之后才是主線任務(wù)的）。這有問題么？規(guī)范有錯么？我的解讀有錯么？

但是不止一次的有人跟我說，你這個不符合規(guī)范！你就是在誤人子弟?？墒菫槭裁次彝瑢W(xué)里一對對早戀的都成了，而且很幸福。而且我的高中（某地一中，重點(diǎn)）的副校長的老婆也是高中談的。什么是對的？合適的就是對的。非得拿著條條框框去摳的是教條主義，我寫的又不是教科書，教科書又不是沒有錯。

你如果搜索《CSS 書寫規(guī)范》網(wǎng)上有一篇流傳很廣，但是人家的標(biāo)題是《推薦大家使用的CSS書寫規(guī)范、順序》看見了？是推薦，不是強(qiáng)制，不是必須，你又憑什么依據(jù)這個說我寫錯了？而且此篇文章的某些細(xì)節(jié)也不是大家都完全認(rèn)同的，有興趣可以去查查。因此而嘲笑他人寫的如何的，我只能說：呵呵！

今天我說的規(guī)范是你不得不去遵守的，或者說是作為一個寫代碼的，起碼要遵守的吧。當(dāng)然其實(shí)我對你們沒有任何要求，還是那句話，初學(xué)的時候達(dá)到效果是唯一目的，后面用的時間長了自然知道自己該怎么去做的。

原則是：第一、書寫整齊，要么都縮進(jìn)，要么都不縮進(jìn)，縮進(jìn)要整齊，總之就是好看。你想這么多代碼，說看著不頭疼是扯淡，如此情況下你還把他寫成亂麻，反正你自己還要回頭看的，你自己懂得。這個不只是 CSS ，寫任何代碼都是如此，這是為日后準(zhǔn)備的，叫做有備無患。

第二、感覺將來可能不清楚的地方要加注釋，這里還插一句 Html 的問題，最好每個 </div> 后面都加上注釋，注明這是結(jié)束的哪個 div，否則嵌套多了后面查找的時候很費(fèi)勁的。為啥你們的代碼自己都懶得回頭看，首先你的格式難看，然后就是沒注釋，自己再看的時候都暈了。

第三、CSS 元素的先后順序，先外后內(nèi)，先全局，后局部，所以 body 的定義在前面，因?yàn)樗亲钔饷娴?，a {……} 這種也在前面，因?yàn)槎x的是全局的，所有鏈接啊。然后按著從上到下，由外往里的順序逐個寫。元素的偽類既然是基于元素本來的樣式的（比如 :hover）那他肯定跟隨在元素本身的定義之后，元素都沒定義，你基于誰去啊。

第四、內(nèi)部的屬性按著從整體到局部的順序去寫，搞不懂就自己大概有個順序，各個元素都按照這個順序就好，因?yàn)橐院蟛榭吹臅r候方便點(diǎn)，要不然幾個元素都是十幾個屬性的，然后一個寬度寫在最上邊，一個在最下邊，神仙都?xì)饪蘖耍耆恢滥阆乱粡埮圃趺闯霭　?/p>

第五、注意點(diǎn)有前因后果的，把基礎(chǔ)條件寫在前邊。本身是內(nèi)聯(lián)元素，你不先 display:block 又哪來的 float:left; 啊。我們說 margin:0 auto 居中的話必須有固定的寬度，那你是不是該把寬度定義在他前面？這就是個邏輯關(guān)系。

然后少點(diǎn)重復(fù)定義啥的，挺好了。還有 id 和 class 盡量命名的讓人一看就懂這是干嘛的，反正你故意反著寫，用 #footer 當(dāng)頁頭也沒人管你，讓下一個看你代碼的人去哭吧，在特殊情況下又不是沒人這么做，如果你確信你不會再看這個代碼完全可以試試，但是要是挖了坑有自己跳進(jìn)去就呵呵了。

就這樣差不多夠用了，寫的多了你自己就給自己一份必須遵守的規(guī)范了，其實(shí)哪用得著我來廢話。技術(shù)是讓人來享受的便捷的，不要刻意地把它復(fù)雜化。別覺得學(xué)代碼很可怕，其實(shí)編程這件事情也在努力變得更加友好，所以前面我們的各種不規(guī)范也都被瀏覽器容忍了。

那么大家試著去把我們已經(jīng)寫過的代碼規(guī)范一下吧~我也簡單修改了一下，大家可以下載看一下。

沒看懂的記得以后過來看~

本章學(xué)習(xí)卡片：卡片 26

本章代碼下載：本章代碼

本書是收費(fèi)的，不過交費(fèi)憑自覺。價格定義為每人請我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號：

alay9999@163.com （劉源）

為了讓大家閱讀方便，本書將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：

主站首發(fā)： http://coffee.zji.me/
Gitbook: http://codeme.gitbooks.io/easy-web-code-book/
簡書： http://www.jianshu.com/users/d37eaf3de0ff
站酷： http://www.zcool.com.cn/u/12927742

未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請聯(lián)系： dms@zji.me

上一篇：第五十一章朕宣你！下一篇：第三章幾個小故事