網頁設計‧搜尋行銷!

[ 觀念 ] CSS基本命名規則

2008-12-07

最近使用CSS作網頁設計排版時，發現 [ CSS的命名 ] 也是重要的一環，因為雖然說CSS是方便管理的，但如果遇到了要修改同事們撰寫的CSS程式碼，通常還是得要仔細的研究一番，才能夠瞭解其架構，進而去作修改，所以參考了一些文章，讓一些基本的CSS命名有個標準，如果同事們有需要去修改自已所寫的CSS或他們需要作參考時，也比較有個依據，不需要花太多的時間在理解命名上，而下面就是常用的CSS命名規則:
頂部:header
內容:content/container
尾部:footer
選單:nav/navigation
側欄:sidebar
欄目:column
頁面控制整體佈局寬度:wrapper
主要區域(通常為頁面主要內容部份):primary
次要區域(通常為次選單):secondary

相信在撰寫CSS的同時，如果團隊們對於命名都有基本的默契，那麼使用CSS來作排版，對於修改及維護都能更有效率!

Posted by 視覺設計師 / 小P