CSS有哪些規范

這篇文章主要介紹“CSS有哪些規范”，在日常操作中，相信很多人在CSS有哪些規范問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS有哪些規范”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

權值等級的定義

第一等：代表內聯樣式，如: style=””，權值為1000。

第二等：代表ID選擇器，如：#content，權值為100。

第三等：代表類，偽類和屬性選擇器，如.content，權值為10。

第四等：代表類型選擇器和偽元素選擇器，如div p，權值為1。

Ps:通用選擇器（*），子選擇器（>）和相鄰同胞選擇器（+）并不在這四個等級中，所以他們的權值都為0，!important 優先級最高，萬不得已的情況下才用。

權重計算

優先規則

權值大的樣式會覆蓋權值小的樣式，上面例子的樣式會采用權值最大201的樣式，當你亂用!important，特別是后期修改樣式的時候，是不是有種心力憔悴電費感覺？

當css前后樣式項的權值一樣，后面的樣式會覆蓋前面的樣式。

Css 概念

命名風格規范

1 css文件命名：統一為小寫的英文字母（盡量少用拼音），如：index.css。

當名字需要組合拼寫時，可以在單詞間加中杠線（不要用下劃線：容易寫錯）。如：member-report.css。（推薦）

或者統一為駝峰式拼寫。如：MemberReport.css (項目啟動前統一風格)。

2 樣式名（html的class名）：在讓人看懂的前提下，盡量語義化或簡寫。盡量少用拼音，和無語義的縮寫 .bt .bd 等； 風格可以統一為小寫字母，如：content。當名字需要組合時，可以采用css文件名的規范。

樣式的繼承

文本樣式

列表相關屬性

像素化 css

渲染

就是瀏覽器把HTML代碼以css定義的規則顯示在瀏覽器窗口的過程

瀏覽器對頁面呈現的處理流程

回流

當頁面的布局發生變化時，瀏覽器會回過頭來重新渲染，這就是頁面為什么會慢的一個原因，當一個點的變 化影響了布局，這就會使得要倒回去重新渲染，這個倒回去的過程稱為 reflow（回流）。

當頁面布局和幾何屬性改變時就需要回流。下述情況會發生瀏覽器回流

reflow問題也是可以優化的，減少reflow是很有必要的，比如給圖片設定好寬度和高度，這樣就可以把圖片的占位面積預定好。

重繪

一些元素需要更新屬性，而這些屬性只是影響元素的外觀，風格（景顏色，文字顏色，邊框顏色）而不會影響布局，瀏覽器就會repaint。repaint的速度明顯比reflow的速度快。

到此，關于“CSS有哪些規范”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！