連接外部樣式表到HTML文檔是CSS中的一個重要概念，它允許***將樣式表與文檔分開，提高代碼的可維護性和可重用性，在CSS中，使用@import語句或link元素都可以實現(xiàn)外部樣式的連接。

@import語句是CSS2.1中引入的，它可以在一個樣式表中引入另一個樣式表，使用@import語句時，需要指定要引入的樣式表的路徑和文件名。

@import url('styles.css');

上述代碼會將styles.css文件引入到當(dāng)前樣式表中，需要注意的是，@import語句會阻塞渲染，因此在實際開發(fā)中，我們更傾向于使用link元素來連接外部樣式表。

link元素是HTML中的一個標(biāo)簽，它可以在HTML文檔中引入一個外部樣式表，使用link元素時，需要指定要引入的樣式表的路徑和文件名，以及設(shè)置rel屬性為stylesheet。

<link rel="stylesheet" href="styles.css">

上述代碼會將styles.css文件引入到當(dāng)前HTML文檔中，與@import語句相比，link元素不會阻塞渲染，因此在實際開發(fā)中更加常用。

除了以上兩種方法，還有一種方法是使用樣式表的導(dǎo)入規(guī)則（import rule），它可以在一個樣式表中引入另一個樣式表，并且不會阻塞渲染，使用樣式表的導(dǎo)入規(guī)則時，需要指定要引入的樣式表的路徑和文件名，以及設(shè)置media屬性為all或指定的媒體類型。

@import url('styles.css') all;

上述代碼會將styles.css文件引入到當(dāng)前樣式表中，并且不會阻塞渲染，需要注意的是，樣式表的導(dǎo)入規(guī)則只在某些瀏覽器和某些情況下有效。

連接外部樣式表到HTML文檔是CSS中的一個重要概念，***可以根據(jù)自己的需求和實際情況選擇適合自己的方法來實現(xiàn)樣式的引入和復(fù)用。