在設計網頁時，樣式提供了許多方法來使頁面更加美觀和易于理解。樣式體現在我們的 HTML 頁面中，可以通過 CSS 樣式來應用，讓我們來看看這一過程。

/* 在 HTML 中引用 CSS 樣式 */

在這個例子中，我們將 HTML 頁面和 CSS 樣式文件分開，通過鏈接將它們聯系起來。CSS 樣式可以作用于 HTML 中的任何元素，使用選擇器來定義哪些元素將被樣式化。

/* 定義選擇器和屬性 */
selector {
property: value;
}

在這個例子中，選擇器指定了要樣式化的元素，而 "property" 指定了要應用的屬性，"value" 則為屬性提供了其值。

/* 定義字體樣式 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
/* 定義鏈接顏色 */
a {
color: blue;
text-decoration: none;
}
/* 鼠標懸浮時鏈接顏色改變 */
a:hover {
color: red;
}

在這個例子中，我們定義了幾個基本的樣式：定義了整個網頁的字體、字號和行高，以及鏈接的顏色和鼠標懸浮時的顏色變化。 這是稍微改善一個基本 HTML 頁面的幾種方法，現在您已經了解了如何使用 CSS 樣式在頁面中應用樣式。