HTML中怎么導入css？

1、使用 link 標簽導入

站在用戶的角度思考問題，與客戶深入溝通，找到大箐山網站設計與大箐山網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站設計、做網站、企業官網、英文網站、手機端網站、網站推廣、域名與空間、網頁空間、企業郵箱。業務覆蓋大箐山地區。

使用 link 標簽導入外部樣式表文件：

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

對各個屬性的說明：

href 屬性設置外部樣式表文件的地址，可以是相對地址，也可以是絕對地址。

rel 屬性定義關聯的文檔，這里表示關聯的是樣式表。

type 屬性定義導入文件的類型，同 style 元素一樣，text/css表明為 CSS 文本文件。

一般在定義 link 標簽時，應定義 3 個基本屬性，其中 href 是必須設置屬性。

也可以在 link 元素中添加 title 屬性，設置可選樣式表的標題，即當一個網頁文檔導入了多個樣式表后，可以通過 title 屬性值選擇所要應用的樣式表文件。

外部樣式是 CSS 應用的最佳方案，一個樣式表文件可以被多個網頁文件引用，同時一個網頁文件可以導入多個樣式表，方法是重復使用 link 元素導入不同的樣式表文件。

2、使用 @import 關鍵字導入

在 style 標簽內使用@import關鍵字導入外部樣式表文件：

style type="text/css"

@import url("001.css");

/style

在 @import 關鍵字后面，利用 url() 函數包含具體的外部樣式表文件的地址。

對比

兩種導入樣式表的方法比較：

link 屬于 HTML 標簽，而 @import 是 CSS 提供的。

頁面被加載時，link 會同時被加載，而 @import 引用的 CSS 會等到頁面被加載完再加載。

@import 只在 IE 5 以上才能識別，而 link 是 HTML 標簽，無兼容問題。

link 方式的樣式的權重高于 @import 權重。

一般推薦使用 link 導入樣式表的方法，@import 可以作為補充方法使用。

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

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

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

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

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

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

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

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

如何引入css樣式

在網站的head頭部中加入link標簽即可引入，如下：

head

meta?charset="UTF-8"

meta?name="viewport"?content="width=device-width,?initial-scale=1"

title用戶鑒權認證中心/title

meta?name="keywords"?content=""?/

meta?name="description"?content=""?/

link?rel="stylesheet"?type="text/css"?href="/static/vendor/bootstrap/css/bootstrap.min.css"

link?rel="stylesheet"?type="text/css"?href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"

link?rel="stylesheet"?type="text/css"?href="/static/fonts/iconic/css/material-design-iconic-font.min.css"

link?rel="stylesheet"?type="text/css"?href="/static/css/util.css"

link?rel="stylesheet"?type="text/css"?href="/static/css/main.css"

/head

引入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文件，就會對服務器增加一次連接請求，當訪問量較大時，需在維護性和性能上進行權衡。