web前端基礎:CSS樣式命名

CSS樣式命名規則

• 採用英文字母、數字以及“-”和“”命名
• 以小寫字母開頭,不能以數字和“-”、“
”開頭
• 命名形式:單字,連字符,下劃線和駝峯
•使用有意義命名
常用的CSS樣式命名
1)頁面結構
頁頭:header
頁面主體:main
頁尾:footer
內容:content/container
容器: container
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制:wrapper
左右中:left right center
2)導航
導航:nav
主導航:mainnav
子導航:subnav
頂導航:topnav
邊導航:sidebar
左導航:leftsidebar
右導航:rightsidebar
菜單:menu
子菜單:submenu
標題: title
摘要: summary
3)功能
標誌:logo
廣告:banner
登陸:login
登錄條:loginbar
註冊:register
搜索:search
功能區:shop
標題:title
id和class使用
• id不要濫用,謹慎使用
• 適當使用class

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章