CSS 是網頁設計中的一個重要部分，可以將頁面的樣式和結構分離，使頁面變得更加美觀、易于維護。CSS 樣式分為內置樣式、內部樣式和外部樣式三種。
<style>
/* 內置樣式*/
body {
background-color: #F8F8F8;
font-family: Arial, sans-serif;
}
h1 {
font-size: 32px;
color: #333;
}
p {
font-size: 18px;
color: #666;
}
</style>內置樣式是寫在 HTML head 標簽內的樣式，適用于單個頁面或某個頁面的某些元素樣式。但這種樣式不易維護，不推薦使用。
<head> <link rel="stylesheet" href="style.css"> </head>
內部樣式是寫在 HTML head 標簽內的樣式，通過選擇器和屬性設置樣式。這種樣式適用于單個頁面或某些頁面公共樣式。改動時只需改一個文件即可，易于維護。
/* 外部樣式*/
body {
background-color: #F8F8F8;
font-family: Arial, sans-serif;
}
h1 {
font-size: 32px;
color: #333;
}
p {
font-size: 18px;
color: #666;
}外部樣式是寫在 CSS 文件中的樣式，可以適用于多個頁面甚至整個網站的樣式。這種樣式易于維護，也方便了網站的橫向擴展。