css樣式的編碼規范 css樣式的編碼規范是什么

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

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

網站建設哪家好，找成都創新互聯公司！專注于網頁設計、網站建設、微信開發、小程序定制開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了井研免費建站歡迎大家使用！

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

OOCSS(面向對象的CSS)OOCSS的使用主要有兩個原則，一種是分離結構和外觀，其中主要包括分離容器和內容。OOCSS主要基于對象的編程方法，OOCSS的目的主要是支持代碼的復用，最終保證樣式能很好的進行添加和維護。

可讀性有人認為CSS不是程序，不需要可讀性，有人認為CSS只要寫出來就有可讀性，因為很簡單。拋開各種預處理器不說，原生CSS結構確實簡單，沒有需要編程的部分，但仍然可能導致混亂。

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

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

CSS樣式主要包含以下三種類型：行內樣式（內嵌樣式）：結構的內部，即寫在標簽內的樣式；寫在標簽的開始部分內部，style屬性當中。

內聯樣式表直接在HTML標記內，插入sytle屬性，再定義要顯示的樣式，這是最簡單的樣式定義方法。

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

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

美化界面。頁面布局。基本語法：選擇器{ 樣式規則 } 樣式規則：屬性名1：屬性值1；屬性名2：屬性值2；屬性名3：屬性值3；。。選擇器：是用來選擇標簽的，選出來以后給標簽加樣式。

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

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

2、css規范編碼規范為utf-8。協作開發及分工：i會根據各個模塊，同時根據頁面相似程序，事先寫**體框架文件，分配給前端人員實現內部結構&表現&行為。

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

4、OOCSS(面向對象的CSS)OOCSS的使用主要有兩個原則，一種是分離結構和外觀，其中主要包括分離容器和內容。OOCSS主要基于對象的編程方法，OOCSS的目的主要是支持代碼的復用，最終保證樣式能很好的進行添加和維護。

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

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

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

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

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容