外部 CSS 是指將樣式表文件從 HTML 文檔中分離出來，以便于頁面結構和樣式的分離管理。

通過 link 標簽將 CSS 文件引入 HTML 中，可以加快頁面加載速度，也可以方便地對多個頁面應用同一套樣式。

在外部 CSS 文件中，可以定義多個樣式，如 .header、.content、.footer 等，分別對應頁面中的各個部分。

/* style.css 文件 */
.header {
background-color: #333;
color: #fff;
height: 50px;
}
.content {
padding: 20px;
font-size: 16px;
}
.footer {
background-color: #f2f2f2;
height: 30px;
text-align: center;
}

在 HTML 文件中，只需要給對應的元素添加對應的類名，即可應用相應的樣式。

標題
正文內容
版權信息

可以看到，將樣式與結構分離之后，頁面的可維護性和可擴展性都會得到提升。