外部式CSS是一種在HTML文檔中通過鏈接外部CSS文件來引入樣式的方式。使用外部式CSS不但可以大幅降低HTML文件的體積，還可以讓同一個樣式文件被多個HTML文件共享，方便管理和維護。
// 示例代碼 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>外部式CSS示例</p> </body> </html>
在HTML文件的head標簽中使用link標簽來引入外部CSS文件，其中rel屬性值為“stylesheet”，type屬性值為“text/css”，href屬性值為CSS文件的路徑。CSS文件中的樣式定義會應用于HTML文件中的對應元素，如下示例：
/* style.css文件 */
p {
color: blue;
font-size: 18px;
}上述CSS代碼定義了p元素的字體顏色為藍色，字號為18像素，在HTML文件中的p元素即可顯示為藍色18px字號的文本。
上一篇多熱點css代碼
下一篇外部應用css樣式的方法