CSS是網頁設計中重要的部分，它可以控制網頁的布局和樣式。在編寫CSS樣式表時，有多種方式可以將CSS代碼添加到網頁中。其中，最常用的方法之一是外部引用。
外部引用是指將CSS樣式表保存為一個獨立的文件，然后在HTML文檔中通過鏈接引用。這種方法廣泛使用，因為它的優點很明顯。
首先，外部引用可以使得代碼更清晰。將CSS代碼分離出來，可以讓HTML文檔變得簡潔，易于閱讀和維護。當需要修改樣式時，只需更改CSS文件，而不用改變HTML文件。
其次，使用外部CSS文件還有助于提高網頁的性能。通過引用外部文件，可以讓瀏覽器緩存CSS樣式表，從而提高網頁的加載速度。
下面是外部引用CSS文件的示例代碼：
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
在上面的代碼中，我們使用link元素來鏈接外部CSS文件。其中，rel屬性指定了鏈接類型為stylesheet，type屬性指定了文件類型為text/css，href屬性指定了文件路徑和文件名。
需要注意的是，外部CSS文件的位置應該放在HTML文檔的head元素中。這樣可以確保頁面加載時優先加載CSS樣式表，以便更快地渲染頁面布局。
總之，外部引用CSS文件是網頁設計中一個重要的技巧。它可以提高代碼的可讀性和維護性，同時也可以提高網頁的性能。