在網頁開發中，HTML 呈現頁面的結構，而 CSS 負責頁面的樣式。通常我們在 HTML 頁面中引用 CSS 樣式來實現文字、圖片、表格等元素的美化。CSS 代碼可以直接嵌入 HTML 頁面中，也可以寫在外部樣式文件中。

以下是 CSS 代碼運行于 HTML 頁面的方法：

<!-- 在 HTML 頁面中引入外部樣式文件 -->
<link href="styles.css" rel="stylesheet" type="text/css">
<!-- 在 HTML 頁面中嵌入 CSS 代碼 -->
<style type="text/css">
/* CSS 代碼 */
</style>

另外，CSS 樣式也可以直接應用于 HTML 元素，例如：

<!-- 直接應用樣式到 HTML 元素 -->
<p style="color: red; font-size: 18px;">這是一段帶有樣式的文字</p>

CSS 的基本語法很簡單，包括選擇器、屬性、值等基本元素。例如：

/* 選擇器 */
p {}
/* 屬性和值 */
color: blue;
font-size: 16px;

當 HTML 頁面加載時，瀏覽器會自動讀取 CSS 樣式文件并應用于頁面中相應的元素。通過 CSS 樣式的精細控制，我們可以實現各種各樣的頁面效果，使頁面更加美觀、易讀和易用。