外郭CSS是指被應(yīng)用于整個(gè)網(wǎng)站的CSS樣式表。它可以使網(wǎng)站在整體外觀上保持一致性。外郭CSS通常包括文本字體、顏色、背景、邊框、布局、按鈕等等，它們是被多個(gè)頁面所共享的。

為了使代碼更加結(jié)構(gòu)化且易于維護(hù)，外郭CSS通常被分為多個(gè)不同的文件。例如，網(wǎng)站的布局和導(dǎo)航可能包含在一個(gè)名為“l(fā)ayout.css”的文件中，而按鈕和表單元素則可能包含在名為“forms.css”的文件中。

/*文件名：layout.css*/
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
#header {
height: 80px;
background-color: #333;
color: #fff;
}
#main {
display: flex;
flex-wrap: wrap;
}
#sidebar {
width: 200px;
background-color: #eee;
}
#content {
flex-grow: 1;
padding: 20px;
}
/*文件名：forms.css*/
.button {
background-color: #f00;
color: #fff;
border: none;
padding: 5px 10px;
}

外郭CSS尤其適用于大型網(wǎng)站，因?yàn)樗梢詾榫W(wǎng)站的所有頁面提供一致的外觀和用戶體驗(yàn)。它也可以使網(wǎng)站的維護(hù)更加容易，因?yàn)閷?duì)于相同的樣式，只需在一個(gè)地方進(jìn)行更改即可反映到多個(gè)頁面上。

然而，需要注意的是，當(dāng)外郭CSS過于復(fù)雜或臃腫時(shí)，會(huì)導(dǎo)致網(wǎng)站加載速度變慢。因此，在編寫外郭CSS時(shí)，應(yīng)該盡量保持簡潔和優(yōu)化。