細(xì)致構(gòu)思網(wǎng)頁(yè)框架

創(chuàng)新互聯(lián)公司成立于2013年，先為修文等服務(wù)建站，修文等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為修文企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

很多初學(xué)者犯一個(gè)錯(cuò)誤，那就是網(wǎng)頁(yè)的基本框架還沒(méi)有定義好，就開(kāi)始著手思考CSS樣式，這是造成CSS樣式混亂的一個(gè)重要原因。應(yīng)該細(xì)致，精密的構(gòu)思出整個(gè)網(wǎng)頁(yè)的框架，并將其畫(huà)在紙上或是畫(huà)在VISIO里，嚴(yán)格的定義出來(lái)。這樣我們才有足夠的章法去規(guī)劃CSS樣式表。

使用規(guī)范的名稱與良好的注釋習(xí)慣

有些時(shí)候，我們做的網(wǎng)頁(yè)可能完成后會(huì)很久不動(dòng)，也可能會(huì)交給其他人打理，那這事兒可能就麻煩了。沒(méi)有一個(gè)良好的命名規(guī)范與注釋的話，很可能造成自己或維護(hù)的人完全不知道里面寫(xiě)的這是什么意思，還需要從頭去認(rèn)真的研究一番，耗時(shí)耗力。

因此，不論是為了我們自己還是為了日后維護(hù)的人，都應(yīng)該盡可能的使用規(guī)范的名稱來(lái)定義每一個(gè)類或者ID

從外至里，從上至下，從左至右

與其說(shuō)這是制定規(guī)范CSS的基本方向，不如說(shuō)是制定規(guī)范網(wǎng)頁(yè)的基本方法。我們?cè)跇?gòu)思網(wǎng)頁(yè)時(shí)一般都是按照這樣的思路來(lái)劃分區(qū)域，而在CSS中勢(shì)必也應(yīng)按照這樣的順序來(lái)書(shū)寫(xiě)并按照區(qū)域加上注釋，以便在我們?nèi)蘸蟮木S護(hù)中更容易尋找某個(gè)定義的類或者ID。

補(bǔ)充的樣式盡可能做到頁(yè)面與表現(xiàn)完全分離

有時(shí)候我們?cè)谕瓿烧麄€(gè)頁(yè)面后，仍然需要添加一些樣式，對(duì)其進(jìn)行修改，此時(shí)，我們一定要避免直接在頁(yè)面寫(xiě)“style=”，而一定要做到頁(yè)面與表現(xiàn)分離，耐心的將補(bǔ)充的樣式寫(xiě)進(jìn)樣式表。方便日后的維護(hù)。

總結(jié)

在最初學(xué)習(xí)CSS時(shí)，總喜歡途一時(shí)之快，很迅速的就設(shè)計(jì)出一套頁(yè)面，但回過(guò)頭再看，頁(yè)面缺乏規(guī)則，樣式缺少規(guī)范。因此，總結(jié)出這些問(wèn)題，希望能和大家一起糾正自己在書(shū)寫(xiě)CSS中的問(wèn)題，更加規(guī)范的來(lái)完善自己的CSS樣式表。