CSS引用外部樣式的方法

在CSS中，我們可以使用@import語句來引用外部樣式表，這樣，我們就可以將多個樣式表組合在一起，形成一個統(tǒng)一的樣式文件，方便我們管理和維護。

@import語句的使用方法如下：

1、在CSS文件的開頭或結尾處添加@import語句。

2、在@import語句中指定要引用的外部樣式表的路徑和文件名。

3、如果需要，可以使用media屬性來指定引用樣式表的媒體類型。

我們有一個名為“style.css”的外部樣式表，需要將其引用到一個HTML文件中，我們可以在HTML文件的頭部或尾部添加以下代碼：

<link rel="stylesheet" type="text/css" href="style.css">

或者，我們也可以在一個CSS文件中使用@import語句來引用“style.css”：

@import url('style.css');

需要注意的是，使用@import語句引用外部樣式表時，瀏覽器會按照順序依次加載并解析樣式表，如果多個樣式表中存在相同的樣式規(guī)則，那么后面的樣式規(guī)則會覆蓋前面的樣式規(guī)則。

我們還可以在HTML文件中直接使用style屬性來引用外部樣式表。

<div style="import: style.css"></div>

不過，這種方法的使用并不廣泛，因為style屬性主要用于內聯(lián)樣式，而不是用于引用外部樣式表。