最近使用CSS作網(wǎng)站設(shè)計(jì)排版時(shí)，發(fā)現(xiàn) [ CSS的命名 ] 也是重要的一環(huán)，因?yàn)殡m然說(shuō)CSS是方便管理的，但如果遇到了要修改同事們撰寫(xiě)的CSS程式碼，通常還是得要仔細(xì)的研究一番，才能夠了解其架構(gòu)，進(jìn)而去作修改，所以參考了一些文章，讓一些基本的CSS命名有個(gè)標(biāo)準(zhǔn)，
如果同事們有需要去修改自已所寫(xiě)的CSS或他們需要作參考時(shí)，也比較有個(gè)依據(jù)，不需要花太多的時(shí)間在理解命名上，而下面就是常用的CSS命名規(guī)則:
頂部:header
內(nèi)容:content/container
尾部:footer
選單:nav/navigation
側(cè)欄:sidebar
欄目:column
頁(yè)面控制整體布局寬度:wrapper
主要區(qū)域(通常為頁(yè)面主要內(nèi)容部份):primary
次要區(qū)域(通常為次選單):secondary
相信在撰寫(xiě)CSS的同時(shí)，如果團(tuán)隊(duì)們對(duì)于命名都有基本的默契，那么使用CSS來(lái)作排版，對(duì)于修改及維護(hù)都能更有效率!
早期的網(wǎng)站建設(shè)都是利用HTML在研究文件內(nèi)，加入基本的格式和結(jié)構(gòu)，來(lái)達(dá)成簡(jiǎn)單的內(nèi)部連結(jié)功能。但當(dāng)網(wǎng)際網(wǎng)路更加普及后，人們開(kāi)始用HTML語(yǔ)言來(lái)作視覺(jué)呈現(xiàn)的用途。除了單純的替文件加上標(biāo)題元件之外，人們還需要加上各式各樣不同的字體或加粗文字，讓文件充滿更豐富的視覺(jué)變化，此時(shí)，表格已不再只是呈現(xiàn)資料，反而被當(dāng)成是很重要的網(wǎng)站設(shè)計(jì)版面編排工具；引言方塊功能也被網(wǎng)站設(shè)計(jì)師拿來(lái)當(dāng)作是增加空間的方法，再也不是原本當(dāng)作引言的用途，如此網(wǎng)站的原始碼會(huì)很快的充斥著各種如外星文的符號(hào)和表格標(biāo)簽，變得難以理解，也使得網(wǎng)站的容量大增。
就在這時(shí)，[ 串接樣式表(CSS，Cascading Style Sheets)出現(xiàn)了 ]，有了CSS，我們可以從外部來(lái)控制頁(yè)面的外觀，同時(shí)將文件內(nèi)容和呈現(xiàn)方式的設(shè)定給分隔開(kāi)來(lái)，網(wǎng)站設(shè)計(jì)的編排可以不需動(dòng)用到表格功能，改用CSS來(lái)控制，這么一來(lái)標(biāo)記內(nèi)容的工作就可以簡(jiǎn)化許多，且對(duì)于開(kāi)發(fā)人員而言，意思明確的網(wǎng)站比圖像式更容易處理；使用有意義的標(biāo)簽亦可讓程式或其他設(shè)備辨識(shí)出來(lái)，例如，像搜尋引擎就可以辨別出頁(yè)面中以h1標(biāo)記所框?qū)懫饋?lái)的標(biāo)題，從而加重他的重要性;而那些依賴頁(yè)面閱讀輔助的使用者，也可以利用標(biāo)題作為瀏覽頁(yè)面時(shí)的輔助，加強(qiáng)網(wǎng)站的實(shí)用性。
時(shí)代在進(jìn)步，網(wǎng)站設(shè)計(jì)的技術(shù)也持續(xù)在跟進(jìn)，一間好的網(wǎng)站設(shè)計(jì)公司除了提供一系列完善的服務(wù)之外，客戶交付的專案，應(yīng)以最有效率的方式，良好的溝通，設(shè)計(jì)出最符合搜尋行銷，最能夠表現(xiàn)客戶公司以及產(chǎn)品的網(wǎng)站設(shè)計(jì)作品。
