溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS樣式表命名規則有哪些，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
首先講一下DIV+CSS樣式表的id的常用命名規則如下表所示:
頁頭 | header | 登錄條 | loginBar | 標志 | logo |
側欄 | sideBar | 廣告 | Banner | 導航 | nav |
子導航 | subNav | 菜單 | menu | 子菜單 | subMenu |
搜索 | search | 滾動 | scroll | 頁面主體 | main |
內容 | content | 標簽頁 | tab | 文章列表 | list |
提示信息 | msg | 小技巧 | tips | 欄目標題 | title |
加入 | joinus | 指南 | guild | 服務 | service |
熱點 | hot | 新聞 | news | 下載 | download |
注冊 | regsiter | 狀態 | status | 按鈕 | btn |
投票 | vote | 合作伙伴 | partner | 友情鏈接 | friendLink |
頁腳 | footer | 版權 | copyRight |
|
|
實際上上面的DIV+CSS樣式表的id命名也會經常用大小寫和_來區分，比如主導航就是MainNav,如果還有必要在區分就是MainNav_1,MainNav_2等等。也可以使用"類型+變量名稱"的規則來命名，比如寫一個紅色字體的class,可以.f_red {}(f是font 字體的縮寫)。總之原則是：大小寫、_、縮寫，大大增強代碼的可讀性。
再講一下DIV+CSS樣式表的class的常用命名規則如下表所示:
外 套 | wrap | 主導航 | mainNav | 子導航 | subnav |
頁 腳 | footer | 整個頁面 | content | 頁 眉 | header |
商 標 | label | 標 題 | title | 主導航 | mainNav |
邊導航 | sidebar | 左導航 | leftsideBar | 右導航 | rightsideBar |
旗 志 | logo | 標 語 | banner | 菜單內容 | menu1Content |
菜單容量 | menuContainer | 子菜單 | submenu | 邊導航圖標 | sidebarIcon |
注釋 | note | 面包屑 | breadCrumb | 容器 | container |
內容 | content | 搜索 | search | 登陸 | login |
功能區 | shop | 當前的 | current |
|
|
看完上述內容，你們掌握CSS樣式表命名規則有哪些的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
