css樣式引入有哪幾種方式,優先級是怎么樣的？

按優先級：前端優先讀取正序。正規規范優先倒序。

創新互聯建站-專業網站定制、快速模板網站建設、高性價比景洪網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式景洪網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋景洪地區。費用合理售后完善，10年實體公司更值得信賴。

style= 這樣肯定是最優的，但也是最不推薦的。前端標簽直接寫入。

延伸閱讀：讀取優先，靈活使用，如大量頁面，每頁面都要設置。工作繁瑣，大量寫入增加代碼量。不利優化。

style type="text/css" 這樣屬于第二讀取方式。直接寫在對應的頁面。

延伸閱讀：每頁面都要設置。工作繁瑣，大量寫入增加代碼量。不利優化。

link type="text/css" href=" 引用CSS文件 第三級。這全局引入.

延伸閱讀：全局CSS。可以分離代碼及外部引入，簡單快捷。也是現在都在用的。

css 樣式的導入的三種方式

1.行內樣式 行內樣式只能影響它所在的標簽，而且總會覆蓋嵌入樣式和鏈接樣式。

p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;"By adding inline CSS styling to the/p

2.嵌入樣式 嵌入樣式的應用范圍僅限于當前頁面。頁面樣式會覆蓋外部樣式表中的樣式，但會被行內樣式覆蓋。

head

style type="text/css"

h1 {font-size:16px;}

p {color:blue;}

/style

/head

3.鏈接樣式

link href="styles.css" rel="stylesheet" type="text/css" /

樣式的寫法

例子如下

1 ) p {color:red; font-size:12px; font-weight:bold}

2 ) h1 {color:blue; font-weight:bold;}

h2 {color:blue; font-weight:bold;}

h3 {color:blue; font-weight:bold;}

3）假設，你在寫完前面那條規則后，又想只把h3變成斜體，那可以再為h3寫一條規則：

h1, h2, h3 {color:blue; font-weight:bold;}

h3 {font-style:italic;}

引入css樣式的方式有幾種

1.使用HTML標簽的STYLE屬性

將STYLE屬性直接加在單個的HTML元素標簽上，控制HTML標簽的表現樣式。這種引入CSS的方式是分散靈活方便，但缺乏整體性和規劃性，不利于后期的修改和維護，當需要修改網站的樣式時，一個相同的修改可能涉及多個地方，維護成本高。使用STYLE屬性的樣式效果最強，會覆蓋掉其它幾種引入方式的相同樣式效果。

2.將樣式代碼寫在頁面STYLE.../STYLE標簽之中

STYLE.../STYLE結構可以位于頁面HTML標簽中的任何位置，也可以多次出現。通常是將整個STYLE.../STYLE結構寫在頁面的HEAD.../HEAD部分中。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統一性和規劃性，一個頁面內部便于復用和維護，但多個頁面之間的CSS代碼復用仍然不夠。

3.使用 LINK標簽，引入外部CSS文件

將css代碼寫在一個單獨的文件中，用link標簽直接引入該文件到頁面中。一個頁面可以多次使用LINK標簽引入多個外部css文件，注意這些CSS代碼的相互影響，通常是后引入的CSS文件會覆蓋前面引入的CSS文件的相同效果。這種引入CSS的方式是目前最為流行的，可以在站個網站范圍內進行CSS代碼的規劃，方便復用和維護，但這樣將代碼高度集中，代碼量可能過大，維護不當的話又容易出現混亂。

4.使用@import引入CSS文件

使用@import引入CSS文件有兩種方式，一種可以放在頁面中的STYLE.../STYLE 中,用法如下：

　@import url(index2.css);

另外也可以放在CSS文件中使用，用法如下：

　@import "sub.css";

使用用@import引入CSS可以很方便的引入外部文件的CSS代碼，方便維護和規劃。但是每多引入一個CSS文件，就會對服務器增加一次連接請求，當訪問量較大時，需在維護性和性能上進行權衡。