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