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è)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，開魯網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到開魯省份的部分城市，未來相信會繼續(xù)擴大服務(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是：大小寫、_、縮寫，大大增強代碼的可讀性。

再講一下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://aaarwkj.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)