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

臺州網(wǎng)站建設公司成都創(chuàng)新互聯(lián)公司,臺州網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為臺州上千余家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務好的臺州做網(wǎng)站的公司定做！

權值等級的定義

第一等：代表內(nèi)聯(lián)樣式，如: style=””，權值為1000。

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

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

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

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

權重計算

優(yōu)先規(guī)則

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

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

Css 概念

命名風格規(guī)范

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

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

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

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

樣式的繼承

文本樣式

列表相關屬性

像素化 css

渲染

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

瀏覽器對頁面呈現(xiàn)的處理流程

回流

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

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

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

重繪

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

到此，關于“CSS有哪些規(guī)范”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

新聞名稱：CSS有哪些規(guī)范
網(wǎng)頁地址：http://vcdvsql.cn/article34/pehcpe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設計公司、網(wǎng)站內(nèi)鏈、自適應網(wǎng)站、小程序開發(fā)、服務器托管、虛擬主機

廣告

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