在編寫網頁時，CSS是一個必不可少的部分。CSS是指層疊樣式表，是一種用于控制Web頁面外觀的樣式表語言。通過CSS，我們可以很方便地控制HTML元素的樣式，比如字體、顏色、大小、邊框等等。
在HTML文件中，我們可以通過三種方式使用CSS：
<head>
<style>
/* 在head標簽內寫CSS代碼 */
h1 {
color: red;
}
</style>
</head><head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
<div style="color: blue;"> /* 在HTML標簽的style屬性中寫CSS代碼 */ <p>這是一段藍色的文字</p> </div>
在這三種方式中，我們通常使用外部樣式表的方法。這種方式最為靈活，也最易于維護。在外部樣式表中，我們可以將所有的CSS代碼寫在一個文件中，然后通過link標簽將其引入到HTML文件中。這樣做的好處是，我們可以避免在多個HTML文件中重復編寫相同的樣式。同時，當需要更改樣式時，也只需要修改一個文件即可。
/* 在style.css文件中寫CSS代碼 */
h1 {
color: red;
}如果我們需要為多個元素設置相同的樣式，可以使用相同的CSS選擇器進行選取。舉個例子，我們要為頁面中所有的段落設置相同的字體顏色：
p {
color: blue;
}這樣，頁面中所有的p標簽都會應用這一樣式。如果我們需要為某一個特定的p標簽設置特殊樣式，可以通過id或class屬性進行選擇。id屬性的值是唯一的，而class屬性可以在多個元素中應用相同的值。下面是一個例子：
/* CSS代碼 */
#special {
color: red;
}
.highlight {
font-weight: bold;
}
/* HTML代碼 */
<p id="special" class="highlight">這是一個特殊的段落</p>通過這種方式，我們可以為不同的元素設置不同的樣式，從而實現更加美觀的頁面效果。
上一篇緩慢移入 css