CSS中外部樣式是將CSS樣式規(guī)則集中放置于一個獨立的CSS文件中，隨后通過在HTML文件中引用該CSS文件來使用這些CSS樣式規(guī)則。

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

這種編寫CSS樣式的方法相比內聯樣式和內部樣式的優(yōu)點是可以使HTML文件與CSS文件分離，簡化HTML文件的編寫和維護。在多個HTML文件引用同一個CSS文件時也便于統一管理和修改樣式。

使用外部樣式時，可以在CSS文件中定義全局樣式、類樣式和ID樣式，如：

/*全局樣式*/
body {
background-color: #eee;
font-family: Arial, Helvetica, sans-serif;
}
/*類樣式*/
.container {
max-width: 1200px;
margin: 0 auto;
}
/*ID樣式*/
#header {
height: 50px;
background-color: #333;
color: #fff;
}

在HTML文件中，可以通過給HTML元素添加class和id屬性來應用CSS樣式。如：

<div class="container">
<header id="header">這是頭部</header>
<nav></nav>
<main></main>
<footer></footer>
</div>

另外，使用外部樣式還有一個好處是可以利用瀏覽器緩存機制，提高頁面加載速度。如果多個HTML文件引用同一個CSS文件，則只需要第一次加載該CSS文件即可，下次請求該CSS文件會直接從本地緩存中獲取，減少了服務器的請求壓力和網絡帶寬的占用。