這篇文章將為大家詳細(xì)講解有關(guān)div+css前端命名有什么規(guī)則,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
十載的洪山網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整洪山建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“洪山網(wǎng)站設(shè)計(jì)”,“洪山網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
前端布局規(guī)范細(xì)則
一、命名規(guī)范:
1、基本要求:
1)文件編碼統(tǒng)一使用 UTF-8 編碼;
2)命名時(shí)以符合語義為主要參考指標(biāo),CSS屬性書寫規(guī)范,采用統(tǒng)一風(fēng)格及命名方法;
3)結(jié)構(gòu)清晰,層級(jí)關(guān)系明朗,以不超過三級(jí)為標(biāo)準(zhǔn);
4)同一表現(xiàn)形式的樣式要求可重復(fù)利用,模塊組件類的樣式要求可整體外部移植;
5)編寫 CSS 的時(shí)候,應(yīng)當(dāng)避免使用CSS Hack,能不用則不用。
6)所有頁面默認(rèn)都針對(duì)Firefox 等最接近標(biāo)準(zhǔn)的瀏覽器進(jìn)行設(shè)計(jì),然后使用 IE 特有條件注釋功能進(jìn)行針對(duì)性修正。
7)請(qǐng)使用英文進(jìn)行命名,盡量避免使用拼音。命名要求具有可讀性,盡量避免使用縮寫。命名雖然允許數(shù)字,但應(yīng)盡量避免使用數(shù)字命名。
2、命名方法 要求采用統(tǒng)一的命名方法。常用命名方法有:
1)連寫式命名法,如:helloworld
2)中線命名法,如:hello-world(目前采用此方法的較多,建議采用)
3)下劃線命名法,如:hello_world
4)駱駝命名法,如:helloWorld
5)帕斯卡命名法,如:HelloWorld
6)其他方法。
3、樣式文件命名規(guī)范 如:
全局的:global.css;
主要的:master.css;
布局、版面:layout.css;
專欄:columns.css;
文字:font.css;
打印樣式:print.css;
主題:themes.css;
補(bǔ)?。簆acth.css;
格式化瀏覽器:base.css等。
4、ID及Class命名常用名稱
頁頭:header
登錄條:login-bar
標(biāo)志:logo
側(cè)欄:side-bar
廣告:banner
導(dǎo)航:nav
子導(dǎo)航:sub-nav
菜單:menu
子菜單:sub-menu
搜索:search
滾動(dòng):scroll
頁面主體:main
內(nèi)容:content
標(biāo)簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download
注冊(cè):regsiter
狀態(tài):status
按鈕:btn
投票:vote
合作伙伴:partner
友情鏈接:friendlink
版權(quán):copyright
外套:wrap
頁腳:footer
標(biāo)題:title
頂導(dǎo)航:top-nav(mini-nav)
關(guān)于div+css前端命名有什么規(guī)則就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。