當我們在編寫網頁時，通常會把CSS代碼放在HTML頁面的<head></head>之間，這種方式叫做內部CSS。但是，當我們需要在多個頁面中共用同樣的CSS樣式時，內部CSS就顯得不太方便了，我們需要使用外部CSS。
/* 外部CSS代碼的寫法 */ /* 將CSS代碼保存在一個單獨的文件中，文件名以.css結尾 */ /* 在HTML頁面的<head></head>中使用<link>標簽引入CSS文件 */ /* <link>標簽的rel屬性值必須是stylesheet，href屬性值是CSS文件的路徑 */ <link rel="stylesheet" href="style.css">
通過以上代碼，可以看出外部CSS要通過<link>標簽引入，其中href屬性值需要指向CSS文件的路徑。在這個CSS文件中，我們可以編寫與內部CSS同樣的樣式，比如：
/* 外部CSS文件中的代碼示例 */
/* 把CSS代碼放入style標簽或者直接寫在style.css文件中*/
h1 {
color: red;
font-size: 32px;
}把這段代碼存放在一個名為style.css的文件中，然后在HTML文件的<head></head>中使用<link>標簽進行引用，這樣這個HTML文檔中的所有h1標簽都會應用這個規則，使得字體變為紅色、字體大小為32像素。
通過使用外部CSS，我們可以將樣式從HTML文檔中分離出來，便于管理和修改。同時，多個HTML文檔可以共用同一個外部CSS文件，減少代碼量，提高網站性能。