如何規(guī)范書寫css,增加代碼的閱讀體驗

使用CSS縮寫屬性 CSS有些屬性是可以縮寫的，比如padding，margin，font等等，這樣精簡代碼同時又能提高用戶的閱讀體驗。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了井研免費(fèi)建站歡迎大家使用！

CSS有些屬性是可以縮寫的，比如padding，margin，font等等，這樣精簡代碼同時又能提高用戶的閱讀體驗。去掉小數(shù)點前的“0”連字符CSS選擇器命名規(guī)范 長名稱或詞組可以使用中橫線來為選擇器命名。

OOCSS(面向?qū)ο蟮腃SS)OOCSS的使用主要有兩個原則，一種是分離結(jié)構(gòu)和外觀，其中主要包括分離容器和內(nèi)容。OOCSS主要基于對象的編程方法，OOCSS的目的主要是支持代碼的復(fù)用，最終保證樣式能很好的進(jìn)行添加和維護(hù)。

可讀性 有人認(rèn)為CSS不是程序，不需要可讀性，有人認(rèn)為CSS只要寫出來就有可讀性，因為很簡單。拋開各種預(yù)處理器不說，原生CSS結(jié)構(gòu)確實簡單，沒有需要編程的部分，但仍然可能導(dǎo)致混亂。

這樣寫可以實現(xiàn)將原本的白底黑字Hello World！ 改成樣式為 黑底白字的效果。但是這樣寫有一定的缺點：缺點1：內(nèi)容、樣式、行為三者未分離，代碼糅雜，不符合W3C規(guī)范，難以維護(hù)。缺點2：代碼冗余，不可復(fù)用。

CSS樣式表有哪幾類規(guī)則?

選擇器樣式（Selector Styles）：是 CSS 樣式中最常見的一種，通過選擇器選中需要設(shè)置樣式的元素，然后為其設(shè)置樣式。

CSS樣式主要包含以下三種類型：行內(nèi)樣式（內(nèi)嵌樣式）：結(jié)構(gòu)的內(nèi)部，即寫在標(biāo)簽內(nèi)的樣式；寫在標(biāo)簽的開始部分內(nèi)部，style屬性當(dāng)中。

內(nèi)聯(lián)樣式表 直接在HTML標(biāo)記內(nèi)，插入sytle屬性，再定義要顯示的樣式，這是最簡單的樣式定 義方法。

代表內(nèi)聯(lián)樣式，如：style=””，權(quán)值為1000。代表ID選擇器，如：#content，權(quán)值為100。代表類，偽類和屬性選擇器，如.content，權(quán)值為10。代表類型(元素)選擇器和偽元素選擇器，如divp，權(quán)值為1。

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

“css的樣式規(guī)則是：由選擇器和聲明塊兩個基本部分組成的。

美化界面。頁面布局?；菊Z法：選擇器{ 樣式規(guī)則 } 樣式規(guī)則：屬性名1：屬性值1；屬性名2：屬性值2；屬性名3：屬性值3；。。選擇器：是用來選擇標(biāo)簽的，選出來以后給標(biāo)簽加樣式。

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

css編寫基本原則正確的是什么?

1、選擇器用于指定CSS樣式作用的HTML對象，花括號內(nèi)是對該對象設(shè)置的具體樣式。屬性和屬性值以“鍵值對“ 的形式出現(xiàn)。屬性是對指定的對象設(shè)置的樣式屬性，例如字體大小、文本顏色等。

2、css規(guī)范編碼規(guī)范為utf-8。協(xié)作開發(fā)及分工：i會根據(jù)各個模塊，同時根據(jù)頁面相似程序，事先寫**體框架文件，分配給前端人員實現(xiàn)內(nèi)部結(jié)構(gòu)&表現(xiàn)&行為。

3、“css的樣式規(guī)則是：由選擇器和聲明塊兩個基本部分組成的。

4、OOCSS(面向?qū)ο蟮腃SS)OOCSS的使用主要有兩個原則，一種是分離結(jié)構(gòu)和外觀，其中主要包括分離容器和內(nèi)容。OOCSS主要基于對象的編程方法，OOCSS的目的主要是支持代碼的復(fù)用，最終保證樣式能很好的進(jìn)行添加和維護(hù)。

5、CSS代碼縮寫可以提高你寫代碼的速度，精簡你的代碼量。

css的基本語法結(jié)構(gòu)及規(guī)范

1、CSS的定義由選擇符（selector）、屬性（properties）和屬性的取值（value）3個部分構(gòu)成。基本格式如下：selector{property：value}即：（選擇符{屬性：值}）對于CSS的定義有 如下要求：（1）屬性和值要用冒號隔開。

2、CSS的語法結(jié)構(gòu)僅僅由三部分組成：選擇符（Selector）、屬性（property）、和值（value）。

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

網(wǎng)頁題目：css樣式的編碼規(guī)范 css樣式的編碼規(guī)范是什么
網(wǎng)頁網(wǎng)址：http://aaarwkj.com/article0/dgseiio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、電子商務(wù)、手機(jī)網(wǎng)站建設(shè)、軟件開發(fā)、動態(tài)網(wǎng)站、建站公司

廣告

聲明：本網(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)