使用CSS樣式可以使頁面看起來更美觀，讓內容更加清晰易讀。下面我們來了解一下如何在頁面里使用CSS樣式。
//在head標簽中引入外部樣式表
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
//在內部樣式中設置字體顏色為紅色
<style>
p {
color: red;
}
</style>
//在元素中直接設置樣式
<p style="color: blue;">這段文字的顏色為藍色</p>可以使用外部樣式表來統一管理樣式，避免代碼冗長。在樣式表中可以定義各種樣式，如字體、顏色、布局等。在使用樣式時，只需給相應的元素添加對應的class或id即可。
//樣式表中定義class為red的樣式
.red {
color: red;
}
//使用class為red的樣式
<p class="red">這段文字的顏色為紅色</p>
//樣式表中定義id為content的樣式
#content {
width: 800px;
margin: 0 auto;
}
//使用id為content的樣式
<div id="content">
頁面內容
</div>還可以使用偽類來實現一些特殊效果，如:hover、:active等。這些偽類可以讓元素在特定狀態下改變樣式，讓頁面更加豐富多彩。
//鼠標滑過鏈接時改變顏色
a:hover {
color: orange;
}
//點擊按鈕時改變背景色
button:active {
background-color: gray;
}總的來說，在頁面中使用CSS樣式可以讓頁面更加美觀、易讀，提高用戶體驗。
下一篇mysql不登陸下載