HTML 是用于設計網站頁面的一種語言，它通過標簽來表示不同的元素，比如標題、文本、鏈接等等。CSS 則是用于為 HTML 頁面添加樣式的一種語言，它可以控制頁面的顏色、字體、布局等等特性。

/* CSS 代碼示例 */
/* 為所有 p 標簽設置字體為 Arial */
p {
font-family: Arial;
}
/* 為 id 為 header 的元素設置背景顏色為藍色 */
#header {
background-color: blue;
}
/* 為 class 為 button 的所有元素設置寬度為 100px */
.button {
width: 100px;
}

在 HTML 頁面中添加 CSS 代碼有多種方式，可以通過內聯樣式、內部樣式和外部樣式表來實現。內聯樣式是直接在 HTML 元素中添加樣式屬性，內部樣式是在 HTML 頁面頭部的 style 標簽中添加 CSS 代碼，而外部樣式表則是新建一個獨立的 .css 文件，再在 HTML 頁面中使用 link 標簽引入。

/* 外部樣式表文件示例 */
/* 文件命名為 style.css */
/* 為所有 h1 標簽設置字體顏色 */
h1 {
color: red;
}
/* 為 class 為 nav-link 的所有元素添加下劃線和藍色顏色 */
.nav-link {
text-decoration: underline;
color: blue;
}
/* 為 id 為 footer 的元素添加背景圖像 */
#footer {
background-image: url(images/footer-bg.jpg);
}

使用 CSS 可以讓您的網站頁面更加美觀、易于閱讀，也可以提高頁面的可訪問性和可維護性。因此，在編寫 HTML 頁面時，請務必熟悉 CSS 的使用方法，并靈活運用它來打造讓人眼前一亮的網站頁面。