一個大型網站css不可能由一個人去寫,那樣工作量太大了,一般我們都是分工合作,哪個人負責哪部分,這樣等頁面完成後,在重新整合。
這樣就出現一個問題,命名該怎麼規范,讓別人一看就知道你這個樣式名是什麼意思,包括程序員那邊也看的懂你的大概意思。
如果沒有規范命名,亂起名字box1,box2....等等,這樣估計會讓人非常頭疼。找了半天都找不到你的樣式,而去很容易出現css沖突的現象。
下面來看下div css基本命名規范。
1、文件命名規范
全局樣式:global.css;
框架布局:layout.css;
字體樣式:font.css;
鏈接樣式:link.css;
打印樣式:print.css;
2、常用類/ID命名規范
頁 眉:header
內 容:content
容 器:container
頁 腳:footer
版 權:copyright
導 航:menu
主導航:mainMenu
子導航:subMenu
標 志:logo
標 語:banner
標 題:title
側邊欄:sidebar
圖 標:Icon
注 釋:note
搜 索:search
按 鈕:btn
登 錄:login
鏈 接:link
信息框:manage
根據這個基本的樣式名在去擴展,在去細化等,這樣結構框架就很明顯了。