CSS樣式表命名規(guī)則有哪些,相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
成都創(chuàng)新互聯(lián)公司服務(wù)項目包括開魯網(wǎng)站建設(shè)、開魯網(wǎng)站制作、開魯網(wǎng)頁制作以及開魯網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,開魯網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到開魯省份的部分城市,未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
首先講一下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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
本文名稱:CSS樣式表命名規(guī)則有哪些
當(dāng)前URL:http://jinyejixie.com/article8/gpepop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、網(wǎng)站設(shè)計公司、定制開發(fā)、網(wǎng)站排名、用戶體驗、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)