1. 字體樣式與大小
在CSS中，font-family屬性用於指定文字的字體。設計網頁時，選擇合適的字體能有效提升可讀性。通常會指定多個字體，以便在某些字體無法加載時使用備選字體。

p {
    font-family: "Arial", "Helvetica", sans-serif;
}

此外，font-size屬性用來調整文字的大小。你可以根據需要使用px、em或rem等單位來靈活控制字體大小。例如：

h1 {
    font-size: 36px;
}

大標題常常使用較大的字體來引起注意，而段落文本則可保持適中的字體大小以提高可讀性。

2. 文字顏色
color屬性用來設定文字的顏色。顏色可以使用名稱（如red）、RGB值、十六進制碼或HSL來表示。選擇合適的文字顏色可以增強網站的視覺效果。

p {
    color: #333333;
}

在設計中，要注意文字與背景顏色之間的對比，以確保文字易於閱讀。例如，深色文字通常適合淺色背景，而淺色文字適合深色背景。

3. 文本對齊
通過text-align屬性，你可以控制文字的對齊方式。常用的對齊方式有left（左對齊）、right（右對齊）、center（居中對齊）和justify（兩端對齊）。兩端對齊能夠使段落的左右兩邊都對齊，產生整齊的視覺效果。

h2 {
    text-align: center;
}

4. 行高與段落間距
適當的行高能夠增強文章的可讀性。使用line-height屬性可以調整行與行之間的距離，通常設置為1.5至2倍的字體大小，這樣的設置可以讓文本看起來更為通透。段落之間的距離可以通過margin或padding來調整，這能讓不同段落之間保持足夠的空間，避免文字過於擁擠。

p {
    line-height: 1.6;
    margin-bottom: 20px;
}

5. 字重與字體樣式
font-weight屬性用來設置文字的粗細，常見的取值包括normal（普通）、bold（粗體）以及100到900的數字值，數字越大，文字越粗。font-style則用於設定文字的樣式，如italic（斜體）可以用來強調特定內容。

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

6. 文字陰影
text-shadow屬性可以為文字添加陰影效果，使文字顯得更加立體，尤其適用於標題或重要內容。該屬性可以指定陰影的水平位移、垂直位移、模糊半徑和陰影顏色。

h1 {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

7. 首字母與首行縮排
::first-letter伺服元素可以用來美化段落的首字母，賦予它不同的字體大小、顏色或字體樣式，使得文章開頭更具吸引力。而text-indent則用來設置段落的首行縮排，讓文章看起來更加規範。

p::first-letter {
    font-size: 2em;
    color: #ff6347;
}

p {
    text-indent: 30px;
}

8. 文字裝飾
text-decoration屬性可為文字添加下劃線、上劃線或刪除線。這常用於連結或需要強調的文字，特別是刪除線可表示已被刪除的內容。

a {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

例如，去除連結的預設下劃線可讓頁面更簡潔，也可以通過hover事件來動態控制下劃線的顯示。

a:hover {
    text-decoration: underline;
}

9. 字母間距與單詞間距
適當的字母與單詞間距能提升文字的可讀性。letter-spacing屬性用於控制字母之間的距離，而word-spacing則調整單詞之間的間距。

h1 {
    letter-spacing: 2px;
}
p {
    word-spacing: 5px;
}

10. 多欄佈局
column-count屬性可以將一段長文拆分為多欄佈局，類似報紙文章排版，這對於閱讀長篇內容十分有幫助。同時，column-gap用來控制欄與欄之間的間距。

article {
    column-count: 2;
    column-gap: 30px;
}