CSS中的外鏈式就是將CSS樣式表單獨放在一個CSS文件中，通過在HTML頁面中引用這個CSS文件來實現(xiàn)樣式的應(yīng)用。
/*在CSS文件中定義樣式*/
body{
background-color: #F8F8F8;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
h1{
color: #333;
text-align: center;
}
p{
line-height: 1.5;
margin: 20px 0;
}
a{
color: #0077CC;
text-decoration: none;
}引用外部CSS文件的方式有兩種：
1.使用link標簽
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
2.使用@import語句
<head>
<style>
@import url("style.css");
</style>
</head>需要注意的是，當(dāng)同一屬性在HTML元素中和CSS文件中同時出現(xiàn)時，CSS樣式表的優(yōu)先級要高于HTML元素內(nèi)嵌樣式和內(nèi)部樣式表。
外鏈式樣式表的優(yōu)點在于：
- 可維護性高，統(tǒng)一管理樣式，減少重復(fù)編寫樣式的工作量
- 使HTML頁面干凈整潔，易于閱讀和維護
- 提高網(wǎng)站速度，因為樣式表被緩存到用戶本地，再次訪問時不需要重新加載
總之，在實際開發(fā)中，外鏈式樣式表是一種非常重要且實用的CSS技巧。