這篇文章主要介紹“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有哪些規范”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注創新互聯網站，小編會繼續努力為大家帶來更多實用的文章！

新聞名稱：CSS有哪些規范
網頁地址：http://www.yijiale78.com/article34/pehcpe.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、網站內鏈、自適應網站、小程序開發、服務器托管、虛擬主機

廣告

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