常用的CSS命名

頭：header?
內容：content/container?
尾：footer?
導航：nav?
側欄：sidebar?
欄目：column?
頁面外圍控制整體佈局寬度：wrapper?
左右中：left right center?
登錄條：loginbar?
標志：logo?
廣告：banner?
頁面主體：main?
熱點：hot?
新聞：news?
下載：download?
子導航：subnav?
菜單：menu?
子菜單：submenu?
搜索：search?
友情鏈接：friendlink?
頁腳：footer?
版權：copyright?
滾動：scroll?
內容：content?
標簽：tags?
文章列表：list?
提示信息：msg?
小技巧：tips?
欄目標題：title?
加入：joinus?
指南：guide?
服務：service?
注冊：regsiter?
狀態：status?
投票：vote?
合作伙伴：partner

注釋的寫法:

/* Header */?
內容區?
/* End Header */

id的命名:

1)頁面結構

容器: container?
頁頭：header?
內容：content/container?
頁面主體：main?
頁尾：footer?
導航：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?
加入：joinus?
狀態：status?
按鈕：btn?
滾動：scroll?
標籤頁：tab?
文章列表：list?
提示信息：msg?
當前的: current?
小技巧：tips?
圖標: icon?
注釋：note?
指南：guild?
服務：service?
熱點：hot?
新聞：news?
下載：download?
投票：vote?
合作伙伴：partner?
友情鏈接：link?
版權：copyright

轉載于:https://www.cnblogs.com/lancelotseven/p/10258690.html

總結

以上是生活随笔為你收集整理的css常用命名的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。