從 HTML 的角度來看，樣式表主要是用來控制文檔的外觀。HTML 只定義了文檔的內容，但沒有定義如何顯示它。

因此，為了讓 HTML 文檔呈現出各種各樣且有規律的外觀，開發者們需要為其添加樣式，而 CSS 就是實現這一需求的最佳選擇。

CSS 規則是通過 HTML 的

<style>

標簽來添加的。可以將樣式規則直接放入 HTML 標簽中，或者在單獨的 CSS 文件中，再由 HTML 引入。

/* CSS 規則樣式定義 */
h1 {
color: blue;
font-size: 24px;
text-align: center;
}

例如上述代碼，就為所有的

<h1>

標簽定義了一些樣式。其中包括改變字體顏色，字體大小和字體對齊方式。

此外，我還要提醒大家，CSS 樣式的應用通常采用選擇器和屬性的搭配方式。選擇器用來選擇 HTML 元素，而屬性用來設置樣式規則。比如：

/* 選擇器使用 ID */
#p1 {
color: red;
margin-left: 60px;
}
/* 選擇器使用類 */
.center {
text-align: center;
}

上述代碼中，使用了 ID 和類兩種選擇器，使文本顏色為紅色并且設置了左外邊距，以及文字居中。

簡單來說，使用 CSS 樣式表，我們能夠自由定制和控制 HTML 文檔的顯示效果，創造更美觀、更流暢的用戶體驗。同時，合理使用 CSS 還可以提高頁面的加載速度和減少服務器負擔。