文章專區

網頁設計相關文章

CSS基本命名規則

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

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


 

Posted by 視覺設計師 / 小P