一、什麼是 CSS？為什麼要使用 CSS？

CSS（層疊樣式表）是一種用於描述在網頁中如何顯示 HTML 元素的語言。可以通過 CSS 定義元素的顏色、大小、位置等樣式。通過將樣式與html分離，可以使網頁更易於維護，並加快網頁的載入速度。

在過去，HTML 文檔中通常包含所有的樣式信息（如字體、顏色和間距），這種HTML頁面直接嵌入樣式的寫法在開發大型網站的時候非常不便。這時，CSS 正好填補了這個空白，它可以將所有的樣式信息保存在一個單獨的文件中，並且將文檔與樣式分離。

二、如何使用 CSS 改變 HTML 文本？

在 CSS 文件中，可以選擇使用多種選擇器來選擇需要改變的文本元素。以下是一些常用的選擇器：

/* 改變所有 
 元素的字體大小和顏色 */p {  font-size: 18px;  color: #333;}/* 改變 id 為 "title" 的 
 元素的顏色和字體 */#title {  color: red;  font-family: Arial;}/* 改變 class 為 "text" 的  元素的邊框和背景顏色 */.text {  border: 1px solid #ccc;  background-color: lightblue;}

另外，可以使用偽元素（pseudo-element）來選擇元素的特殊部分。比如，使用 :before 來在元素的內容前面插入一些文本：

/* 在所有 
 元素前面插入一個 "#" 符號 */
h1:before {
  content: "#";
}

三、改變字體、顏色和大小

可以通過以下屬性來改變元素的字體、顏色和大小：

• font-family: 設置字體的名稱
• color: 設置文本顏色
• font-size: 設置字體大小

以下是一個例子，可以將段落中的文本字體改為 Times New Roman，顏色改為紅色，字體大小改為 20px：

p {
  font-family: 'Times New Roman', serif;
  color: red;
  font-size: 20px;
}

四、改變文本對齊方式

可以通過以下屬性來改變文本的對齊方式：

• text-align: 設置文本的水平對齊方式
• line-height: 設置行高

以下是一個例子，可以將段落中的文本左對齊，行高設置為 1.5 倍：

p {
  text-align: left;
  line-height: 1.5;
}

五、加粗和斜體

可以通過以下屬性來給文本加粗和斜體：

• font-weight: 設置字體的粗細
• font-style: 設置字體是否為斜體

以下是一個例子，可以將段落中的文本加粗和斜體：

p {
  font-weight: bold;
  font-style: italic;
}

六、改變文本間距和行距

可以通過以下屬性來改變文本的間距和行距：

• letter-spacing: 設置字母間的距離
• word-spacing: 設置單詞間的距離
• line-height: 設置行高

以下是一個例子，可以將段落中的字母間距設置為 2px，單詞間距設置為 5px，行距設置為 1.5 倍：

p {
  letter-spacing: 2px;
  word-spacing: 5px;
  line-height: 1.5;
}

七、小結

通過 CSS 可以改變 HTML 文本的字體、顏色、對齊方式、大小、加粗和斜體等樣式，使網頁更加美觀和易於閱讀。