HTML樣式設定是建立網頁設計的重要組成部分。 HTML樣式可以調整排版、顏色、字體大小和樣式等多種方面，以及可以實現互動性的特效。本文將介紹HTML樣式設定的基礎知識，從撰寫CSS樣式表到在HTML元素中應用CSS樣式，幫助讀者達成網頁設計的目標。
一、CSS樣式表
CSS是指層疊樣式表（Cascading Style Sheets），是為了解決HTML文檔由於表現和內容沒有分開而導致的混亂不堪的問題而被提出的。 CSS樣式表可用於控制HTML元素的外觀，透過定義類別、ID和標籤選擇器和其他選擇器，變更HTML元素的顏色、背景、字體大小、行高、寬度、高度和邊距等樣式。以下將介紹幾種常見的CSS樣式表操作。
我們通常將樣式表文件儲存為CSS文件，該文件的後綴名為.css。以下是建立樣式表檔案的步驟：
这是一级标题
上述程式碼將標題文字大小改為36像素（font-size: 36px;），並將背景色設為黃色（background: yellow;），同時將文字顏色設為紅色（color: red;）。這些屬性可以被修改或刪除以滿足風格、顏色、字體等方面的需求。
二、CSS樣式表套用於HTML元素
現在，我們已經建立了一個簡單的CSS樣式表文件，並為CSS樣式屬性定義了值。接下來，我們需要將這些樣式屬性與HTML元素進行關聯，以實現對HTML元素的樣式控制。
內嵌樣式指將樣式屬性套用至HTML元素內部的「style」屬性中，這種方法主要是在HTML文檔內直接編寫CSS樣式程式碼。這種方法有利於快速調整HTML元素的樣式。下面的程式碼就是一個內嵌樣式的範例：
内嵌样式CSS设置
#
大标题
小标题
在上述程式碼中，我們將背景顏色設定為淺灰（background-color: LightGray;），將大標題顏色設定為深藍色（color: MediumBlue;），將標題字體大小設為50像素（font-size: 50px;），並將小標題顏色設定為黑色（color: Black;），將標題字體大小設定為30像素（font-size: 30px;）。
內部樣式表方式是將樣式表程式碼放置在HTML文件的「head」標籤中的「style」標籤內，以修改全部HTML文件所使用的樣式。這種方法比內嵌樣式更靈活，並且保持了HTML檔案和樣式表的分離。下面的程式碼是內部樣式表的範例：
内部样式表CSS设置
#
大标题
小标题
在上述代码中，我们将背景颜色设置为浅灰（body {background-color: LightGray;}），将大标题颜色设置为深蓝（h1 {color: MediumBlue;font-size: 50px;}），将标题字体大小设置为50像素（h1 {color: MediumBlue;font-size: 50px;}），并将小标题颜色设置为黑色（p {color: black;font-size: 30px;}），将标题字体大小设置为30像素（p {color: black;font-size: 30px;}）。
外部样式表是指在HTML文件中以CSS文件的形式链接到HTML文档的样式表，这种方式最好适用于大型网站或多个页面，对于一些共享设计风格的网站更为便捷。下面是示例代码：
外部样式表CSS设置
大标题
小标题
在上述代码中，我们通过属性将外部样式表链接到HTML文档，这包含了全部HTML文档所用到的样式定义。样式表文件的代码如下：
body {
background-color: LightGray;
}
h1 {
color: MediumBlue; font-size: 50px;
}
p {
color: black; font-size: 30px;
}
以上就是HTML样式设置的基础知识，包括创建和使用CSS样式表的不同方法。通过这些基本操作，我们可以对网页的排版、字体、颜色和特效等方面进行控制，创造出各种个性化的网页设计。
