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