外部 CSS 樣式表屬性是指在 HTML 頁面中,通過引入外部 CSS 樣式表文件來設置頁面元素的樣式屬性。相比傳統的內嵌樣式表,外部 CSS 樣式表屬性可以更加靈活地控制元素的樣式,并且能夠更好地適應不同的瀏覽器和設備。
外部 CSS 樣式表屬性通常通過 <link> 標簽來實現,其中包含 CSS 樣式表文件的路徑和名稱。例如,如果 CSS 樣式表文件名為 styles.css,可以寫成如下的代碼引入它:
<link rel="stylesheet" type="text/css" href="styles.css">
引入外部 CSS 樣式表后,可以通過 CSS 屬性來設置元素的樣式,例如:
.parent-element {
width: 200px;
height: 200px;
background-color: blue;
.child-element {
font-size: 12px;
color: white;
在這個例子中,.parent-element 元素的寬度和高度都被設置為 200px,背景顏色為 blue,而 .child-element 元素的寬度和高度都被設置為 12px,顏色為 white。
除了設置元素的樣式,外部 CSS 樣式表屬性還可以用于控制整個頁面的樣式,例如:
body {
font-family: Arial, sans-serif;
background-color: white;
.parent-element {
/* 樣式屬性 */
在這個例子中,body 元素的背景顏色和字體都被設置為 white,而 .parent-element 元素的背景顏色和字體都被設置為省略了具體名稱的類名(在這里是 "parent-element")。
外部 CSS 樣式表屬性是 CSS 樣式表擴展的一種重要方式,能夠更好地適應不同的瀏覽器和設備,并且能夠更好地控制元素的樣式。