HTML中嵌入CSS的四種方式及優(yōu)先級,如何選擇

優(yōu)先級(從高到底)行內(nèi)樣式內(nèi)嵌樣式鏈接樣式導入樣式。

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站設計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的貴陽網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

按優(yōu)先級：前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。style= 這樣肯定是最優(yōu)的，但也是最不推薦的。前端標簽直接寫入。延伸閱讀：讀取優(yōu)先，靈活使用，如大量頁面，每頁面都要設置。工作繁瑣，大量寫入增加代碼量。不利優(yōu)化。

使用HTML標簽的style屬性如：這種方式的優(yōu)點：分散靈活方便；缺點：缺乏整體性和規(guī)劃性，不利于維護，維護成本高；這種方式的CSS渲染的優(yōu)先級要高于其它三種。

css樣式表的三種樣式

1、CSS樣式表可以分為外部樣式表、內(nèi)部樣式表、內(nèi)聯(lián)樣式。

2、CSS樣式有三種類型：內(nèi)聯(lián)式CSS樣式、嵌入式CSS樣式、外部式CSS樣式。內(nèi)聯(lián)式CSS樣式：就是把CSS代碼直接寫在現(xiàn)有的HTML標簽中。如果有多條CSS樣式代碼設置可以寫在一起，中間用分號隔開。

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

4、css樣式分三種，內(nèi)部樣式，內(nèi)聯(lián)樣式和外部樣式。

css優(yōu)先級高低排列

1、后代選擇器(如：#head .nav ul li 從父集到子孫集的選擇器)子元素選擇器(如：divp ，帶大于號)偽類選擇器(如：就是鏈接樣式，a元素的偽類，4種不同的狀態(tài)：link、visited、active、hover。

2、首先就是CSS規(guī)則的specificity(特殊性)，CSS1有一套關于specificity的計算方式，用一個四位的數(shù)字串(CSS2是三位)來表示，最終specificity越高的規(guī)則越特殊，在優(yōu)先級判定時也就越有優(yōu)勢。

3、內(nèi)部樣式優(yōu)先級高。 CSS與HTML文檔結合的4中方法： 1 使用元素鏈接到外部的樣式文件； 2在元素中使用style元素來指定； 3 使用CSS @import標記來導入樣式表單； 4在內(nèi)部的元素中使用style屬性來定義樣式。

4、css優(yōu)先級有6級。 0級：通配選擇器、選擇符和邏輯組合偽類。 通配選擇器是 * 。 選擇符有+、-、~、空格和 || 。 邏輯組合偽類有 ：not()、：is()和 ：where。這些偽類影響優(yōu)先級的是括號里的選擇器。

5、行內(nèi)樣式優(yōu)先級最高，沒有行內(nèi)樣式那么會回在頁答面找內(nèi)嵌樣式。名稱CSS中的“層疊（cascading）”表示樣式單規(guī)則應用于HTML文檔元素的方式。具體地說，CSS樣式單中的樣式形成一個層次結構，更具體的樣式覆蓋通用樣式。

6、CSS 優(yōu)先規(guī)則2：直接樣式比祖先樣式優(yōu)先級高。例2：！-- 類名為 son 的 div 的 color 為 blue -- 選擇器的優(yōu)先級 上面討論了一個標簽從祖先繼承來的屬性，現(xiàn)在討論標簽自有的屬性。