css有幾種引入方式

1.使用html標籤的style屬性

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

2.將樣式**寫在頁面標籤之中結構可以位於頁面標籤中的任何位置，也可以多次出現。通常是將整個結構寫在頁面的部分中。這種引入css方式的特點是每個頁面的css**可能具有統一性和規劃性，乙個頁面內部便於復用和維護，但多個頁面之間的css**復用仍然不夠。

完整**：

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

完整**：

4.使用@import引入css檔案使用@import引入css檔案有兩種方式，一種可以放在頁面中的中,用法如下：

@import url(index2.css);

另外也可以放在css檔案中使用，用法如下：

@import "sub.css";

使用用@import引入css可以很方便的引入外部檔案的css**，方便維護和規劃。但是每多引入乙個css檔案，就會對伺服器增加一次連線請求，當訪問量較大時，需在維護性和效能上進行權衡。

在style.css檔案中

@import url(style2.css);
/*在乙個css檔案中可以import其它的css檔案
若style2.cc不在當前目錄下，而在上一級目錄
../style.css*/
#test1

在style2.css檔案中

#test1

效果：

css有幾種引入方式

1,css有幾種引入方式

css的幾種引入方式！

引入css的幾種方式

css有幾種引入方式

1,css有幾種引入方式

css的幾種引入方式！

引入css的幾種方式

相關推薦