CSS教程:CSS命名參考

2024-07-11 08:20:58

字體：大中小

來源：轉載

供稿：網友

在xhtml中定義id、classs都用得上，主要是方面css定義樣式時能一眼看穿。所以，css命名僅作參考。

(1)頁面結構類

容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper

(2)導航類

導航：nav
主導航：mainnav
子導航：subnav
頂導航：topnav
邊導航：sidebar
左導航：leftsidebar
右導航：rightsidebar
位置導航： crumb
菜單：menu
子菜單：submenu
面包屑：breadcrumb(即頁面所處位置導航提示）

(3)網頁內容類

標題: title
摘要: summary
箭頭： arrow
商標： label
網站標志： logo
轉角/圓角： corner
橫幅廣告： banner
欄目： column
子菜單： submenu

搜索： search
搜索框： searchbox
登錄： login
工具條： toolbar
下拉： drop
標簽頁： tab
當前的： current
列表： list

滾動： scroll
服務： service
提示信息： msg
新聞： news
小技巧： tips
下載： download
欄目標題： title
熱點： hot
加入： joinus
注冊： regsiter
指南： guide

友情鏈接： friendlink
狀態： status
版權： copyright
按鈕： btn
合作伙伴： partner
投票： vote

上一篇：CSS教程:DIV底部放置文字

下一篇：css網頁設計非常有用的解決辦法