css命名規(guī)范

用過(guò)css hack的朋友應(yīng)該知道，用下劃線命名也是一種hack，如使用“_style”這樣的命名，可以讓ie外的大部分瀏覽器忽略這個(gè)樣式的定義，所以使用“_”做為命名時(shí)的分隔符是不規(guī)范的。

10年的祿豐網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(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ú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“祿豐網(wǎng)站設(shè)計(jì)”,“祿豐網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

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

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

Css的命名規(guī)范(BEM，OOCSS)：什么是BEM：BEM的意思就是塊（block）、元素（element）、修飾符（modifier），是由Yandex團(tuán)隊(duì)提出的一種前端命名方法論。

通過(guò)統(tǒng)一的命名規(guī)范定義命名的范圍，成為CSS class & id命名空間。布局： 以語(yǔ)義化的單詞layout作為命名空間，例如主欄布局命名 layout-main，只改變layout-命名空間后面的命名，layout始終保留。布局的命名空間為layout-xxx。

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

css樣式的基本規(guī)則是什么?

美化界面。頁(yè)面布局。基本語(yǔ)法：選擇器{ 樣式規(guī)則 } 樣式規(guī)則：屬性名1：屬性值1；屬性名2：屬性值2；屬性名3：屬性值3；。。選擇器：是用來(lái)選擇標(biāo)簽的，選出來(lái)以后給標(biāo)簽加樣式。

h1{ font-family：黑體；} 直接些標(biāo)簽名進(jìn)行定義屬性，這個(gè)也比較常見(jiàn)。但是它的定義通常放在標(biāo)簽中聲明。

CSS 語(yǔ)法CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明。【推薦閱讀：CSS教程】selector {declaration1； declaration2； ？ declarationN }選擇器通常是您需要改變樣式的 HTML 元素。

在 BEM 命名規(guī)則中，所有的 CSS 樣式規(guī)則都只用一個(gè)類別選擇器。因此所有樣式規(guī)則的特異性（specificity）都是相同的，也就不存在復(fù)雜的優(yōu)先級(jí)問(wèn)題。這可以簡(jiǎn)化屬性值的層疊規(guī)則。

教你怎么去規(guī)范的書(shū)寫(xiě)CSS樣式

1、文件[建議]：CSS文件使用無(wú)BOM的UTF-8編碼2縮進(jìn)[強(qiáng)制]：使用 4 個(gè)空格做為一個(gè)縮進(jìn)層級(jí)，不允許使用 2 個(gè)空格 或 tab 字符。.selector { margin： 0； padding： 0； }3空格[強(qiáng)制]：選擇器 與 { 之間必須包含空格。

2、創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式。

3、本教程為大家介紹5個(gè)編寫(xiě)CSS的小技巧，讓你的代碼更規(guī)范。重置首先，很認(rèn)真的告訴你，總是要重置某些分類。無(wú)論你是使用 Eric Meyer Reset、YUI Reset或者你自己編寫(xiě)的重置代碼，只要使用就對(duì)了。

4、創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式。下面通過(guò)一個(gè)小demo演示它們的用法。首先新建一個(gè)html文件，放入3個(gè)button按鈕，給前兩個(gè)按鈕分百別設(shè)置class屬性為btn1和btn2，如下圖。

網(wǎng)站標(biāo)題：css樣式表名字規(guī)則 css樣式表名字規(guī)則是什么
網(wǎng)頁(yè)地址：http://jinyejixie.com/article24/dgggpce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)站排名、搜索引擎優(yōu)化、小程序開(kāi)發(fā)、域名注冊(cè)、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)