通過統(tǒng)一的命名規(guī)范定義命名的范圍,成為CSS class & id命名空間。布局: 以語義化的單詞layout作為命名空間,例如主欄布局命名 layout-main,只改變layout-命名空間后面的命名,layout始終保留。布局的命名空間為layout-xxx。
成都網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計、成都網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計、集團(tuán)企業(yè)網(wǎng)站制作等服務(wù)項目。核心團(tuán)隊均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗,服務(wù)眾多知名企業(yè)客戶;涵蓋的客戶類型包括:圍欄護(hù)欄等眾多領(lǐng)域,積累了大量豐富的經(jīng)驗,同時也獲得了客戶的一致贊揚(yáng)!
正確命名規(guī)則如下:名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。同時應(yīng)該注意的是,CSS中的命名是區(qū)分大小寫??梢允褂?,也可以顯示樣式。
Css的命名規(guī)范(BEM,OOCSS):什么是BEM:BEM的意思就是塊(block)、元素(element)、修飾符(modifier),是由Yandex團(tuán)隊提出的一種前端命名方法論。
css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則,這樣有利于前臺和后臺的交互。一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范,里面詳細(xì)的說明了各個命名的規(guī)則等相關(guān)的問題。
用字母或者數(shù)字。最好不要用漢字 命名規(guī)則 要自己寫CSS人員的習(xí)慣。比如 一個主CSS 名字一般命名為main.css或者 index.css 其他比如 頂部 就是top.css 主要還是看個人的習(xí)慣。
正確命名規(guī)則如下:名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。同時應(yīng)該注意的是,CSS中的命名是區(qū)分大小寫??梢允褂?,也可以顯示樣式。
css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則,這樣有利于前臺和后臺的交互。一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范,里面詳細(xì)的說明了各個命名的規(guī)則等相關(guān)的問題。
id: id是設(shè)置標(biāo)簽的標(biāo)識。用于定義一個元素的獨(dú)特的樣式。在CSS樣式定義的時候 以“#”來開頭命名id名稱。
1、正確命名規(guī)則如下:名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。同時應(yīng)該注意的是,CSS中的命名是區(qū)分大小寫。可以使用,也可以顯示樣式。
2、把id留給后臺開發(fā)和JS使用,除此之外頁面的page id(如首頁的外層需要一個ID id=pageIndex),頁面結(jié)構(gòu)(header main footer)允許用id命名(ID命名建議使用駝峰命名)。其他禁止id使用在樣式表CSS命名中,一律使用class命名。
3、有時候可以給選擇器添加一個表示狀態(tài)的前綴,讓語義更明了,比如下圖是添加了“.is-”前綴。
1、Css的引入一般有兩種,link和@import,一般建議使用link引入。這樣可以避免考慮@import的語法規(guī)則和注意事項,避免產(chǎn)生資源文件下載順序混亂和http請求過多的煩惱。
2、css規(guī)范編碼規(guī)范為utf-8。協(xié)作開發(fā)及分工:i會根據(jù)各個模塊,同時根據(jù)頁面相似程序,事先寫**體框架文件,分配給前端人員實現(xiàn)內(nèi)部結(jié)構(gòu)&表現(xiàn)&行為。
3、BEM(塊元素修飾符)BEM是一個名為命名約定的CSS。它不涉及如何編寫CSS的結(jié)構(gòu)。在進(jìn)行電腦培訓(xùn)的過程中,電腦培訓(xùn)建議僅為每個元素添加具有以下內(nèi)容的CSS類名稱。
4、css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則,這樣有利于前臺和后臺的交互。一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范,里面詳細(xì)的說明了各個命名的規(guī)則等相關(guān)的問題。
正確命名規(guī)則如下:名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。同時應(yīng)該注意的是,CSS中的命名是區(qū)分大小寫??梢允褂茫部梢燥@示樣式。
鏈接樣式:link.css;打印樣式:print.css;CSS樣式命名規(guī)范本人建議:用字母、_號工、-號、數(shù)字組成,必須以字母開頭,不能為純數(shù)字。
也可以使用類型+變量名稱的規(guī)則來命名,比如寫一個紅色字體的class,可以.f_red {}(f是font 字體的縮寫)??傊瓌t是:大小寫、_、縮寫,大大增強(qiáng)代碼的可讀性。
屬性和屬性值之間用英文“:“連接。多個“鍵值對”之間用英文“;”進(jìn)行區(qū)分。可以用段落和表格的對齊的演示。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
@import main.css;這樣就可以在IE4中也隱藏CSS了,呵呵,還節(jié)省了5個字節(jié)呢。
Css常用的一些命名:可參考:CSS 常用命名 - 彼岸時光 - 博客園。Css的引入:Css的引入一般有兩種,link和@import,一般建議使用link引入。
css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則,這樣有利于前臺和后臺的交互。一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范,里面詳細(xì)的說明了各個命名的規(guī)則等相關(guān)的問題。
id: id是設(shè)置標(biāo)簽的標(biāo)識。用于定義一個元素的獨(dú)特的樣式。在CSS樣式定義的時候 以“#”來開頭命名id名稱。
css命名規(guī)則符合一定標(biāo)準(zhǔn)規(guī)范,較長名稱選擇駝峰式命名規(guī)則,如.tophead。代碼盡量做到簡潔,禁止使用代碼生成工具制作網(wǎng)頁。代碼在實現(xiàn)基本的框架、樣式、和行為分離的基礎(chǔ)上,還要做到可用、精簡、有序而且符合seo代碼標(biāo)準(zhǔn)規(guī)范。