CSS （層疊樣式表）外用是一種在網頁開發中常用的技術。通過將CSS樣式代碼從HTML文檔中分離出來，使得網頁的結構和樣式能夠更清晰、更易于管理。當網站規模逐漸擴大，樣式復雜度提高時，CSS外用更是必不可少的。
/* CSS樣式代碼 */
.header {
background-color: #333;
color: #fff;
height: 80px;
padding: 20px;
}
.nav {
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
float: left;
margin-right: 20px;
}
/* HTML文檔結構 */
<html>
<head>
<title>網頁標題</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<h1>網站標題</h1>
</div>
<ul class="nav">
<li><a href="#">導航1</a></li>
<li><a href="#">導航2</a></li>
<li><a href="#">導航3</a></li>
</ul>
</body>
</html>在上面的代碼中，我們把CSS樣式代碼都寫在了一個名為“style.css”的外部樣式表文件中，同時在HTML文檔的頭部通過標簽將其引入。HTML文檔的結構變得簡潔明了，只包含了網頁的結構和內容，而樣式信息則交給獨立的CSS文件管理。
CSS外用不僅可以提高網頁的結構和樣式管理效率，同時還有助于網頁性能的優化。當一個網站的多個頁面都使用相同的樣式信息時，通過外部樣式表使得它們可以共享同一份樣式代碼，這樣就可以減少重復加載樣式信息的次數，提高網站的響應速度。
上一篇css處理a點擊樣式
下一篇css圖片和文字同高