css命名規(guī)則

1、連字符CSS選擇器命名規(guī)范1）.長名稱或詞組可以使用中橫線來為選擇器命名。

自貢網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

2、至此，我們的class命名方法討論完畢，說到底就是先記住一些必備的基礎(chǔ)關(guān)鍵詞，然后合理應(yīng)用上剛才提出的修飾關(guān)鍵詞，特殊化class，層級及最后的樣式范圍就可以了。

3、id： id是設(shè)置標簽的標識。用于定義一個元素的獨特的樣式。在CSS樣式定義的時候 以“#”來開頭命名id名稱。

4、對于CSS樣式的命名規(guī)則，建議用字母、_號工、-號、數(shù)字組成，必須以字母開頭，不能為純數(shù)字，為了開發(fā)后樣式名管理方便，大家請用有意義的單詞或縮寫組合來命名，讓同事一看就明白這樣式大概是哪一塊的，這樣就節(jié)省了查找樣式的時間。

5、DIV+CSS樣式表命名不能隨意而為，否則以后進行維護時困難很大。如同軟件開發(fā)中對類名的仔細處理一樣，DIV+CSS樣式表命名也需要遵循規(guī)則。

css命名規(guī)范

1、第二是如果要修改樣式的時候得修改html文件，而不是css樣式，而純靜態(tài)的頁面是很少的，所以如果是前后端分離的，由php或后端語言渲染頁面的話，改個樣式還要通知后端同事去修改文件，那估計人家得瘋掉。

2、正確命名規(guī)則如下：名稱不能以數(shù)字開始，只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。同時應(yīng)該注意的是，CSS中的命名是區(qū)分大小寫。

3、BEM(塊元素修飾符)BEM是一個名為命名約定的CSS。它不涉及如何編寫CSS的結(jié)構(gòu)。在進行電腦培訓(xùn)的過程中，電腦培訓(xùn)建議僅為每個元素添加具有以下內(nèi)容的CSS類名稱。

4、現(xiàn)在我是不抱有任何幻想，關(guān)于說BEM是一個很好的CSS命名規(guī)范。因為它絕對不是！我曾經(jīng)很長一段時間因為它丑陋的語法規(guī)范而放棄了它。作為設(shè)計者的我不希望我的標記中出現(xiàn)丑陋的雙下劃線以及連字符。

5、css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則，這樣有利于前臺和后臺的交互。一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范，里面詳細的說明了各個命名的規(guī)則等相關(guān)的問題。

如何命名CSS文件及樣式規(guī)范更利于SEO優(yōu)化

1、規(guī)范內(nèi)容頁面位置 一般來講，搜索引擎的蜘蛛爬行的順序為：從左到右，從上到下，利用CSS樣式，我們可以很好的分配重要資源在相關(guān)位置：① 頂部導(dǎo)航包含核心關(guān)鍵詞鏈接：從左到右，關(guān)鍵詞指數(shù)依次遞減。

2、網(wǎng)頁標題要一起且不重復(fù) 每個網(wǎng)頁制作都要有自己一起的標題，即便在一個網(wǎng)站內(nèi)，主題相同，不同頁面具體內(nèi)容不會相同，網(wǎng)頁標題也不能重復(fù)。

3、Css的引入：Css的引入一般有兩種，link和@import，一般建議使用link引入。這樣可以避免考慮@import的語法規(guī)則和注意事項，避免產(chǎn)生資源文件下載順序混亂和http請求過多的煩惱。

4、利于搜索引擎的抓取并且可以加快網(wǎng)頁的加載速度。

怎么給CSS命名

把id留給后臺開發(fā)和JS使用，除此之外頁面的page id(如首頁的外層需要一個ID id=pageIndex)，頁面結(jié)構(gòu)（header main footer）允許用id命名(ID命名建議使用駝峰命名)。其他禁止id使用在樣式表CSS命名中，一律使用class命名。

長名稱或詞組可以使用中橫線來為選擇器命名。

ctrl+f 查找和替換 如圖 替換完，再去改網(wǎng)站文件夾里改css.css的文件名 清理緩存，刷新就齊活了。

如何動態(tài)設(shè)置CSS樣式

1、例如，以下代碼將選擇類名為“blue”的所有div元素：`javascriptdselectAll(div.blue)`添加CSS樣式在選擇元素后，可以使用D3中的style()方法添加CSS樣式。該方法接受兩個參數(shù)：要設(shè)置的樣式屬性和屬性值。

2、改變className，但首先在樣式表中預(yù)設(shè)定樣式類。例如：document.getElementById(obj).className=...改變cssText。

3、準備多組CSS，比如：.button1{ /*style1*/ } .button2{ /*style2*/ } 在用JavaScript修改Button的class，把button1改成button2，就實現(xiàn)了指向的CSS樣式改變。

4、引入jquery 然后給你要設(shè)置動畫的對象增加或者刪除css3動畫的類就可以了。

5、JavaScript設(shè)置外部樣式 當你需要改變的樣式已經(jīng)在css文件中定義了，我們也可以用JavaScript直接用定義好的css樣式。

6、})；})；.intro1{font-size：120%；color：red；}.intro2{color：blue；} This is a paragraph. 添加了兩個class樣式，后面的樣式覆蓋了之前的。所以字體顯示是藍色的。