文字的樣式、粗細、行高及間距鋪陳出一幅寫意的視覺篇章~

##為什麼要有這功能
在網頁設計中，文字的樣式、粗細、行高及間距，對於提升可讀性和視覺效果至關重要。這些設置能夠讓文字在不同設備和解析度下保持一致性，並讓頁面設計更加和諧美觀。通過靈活使用這些CSS屬性，可以強調內容、引導視覺焦點，甚至影響整體的品牌風格。

##核心結構
font-style: 定義文字的樣式，如normal（正常）、italic（斜體）、oblique（傾斜）。
font-weight: 設置字體的粗細，如bold（粗體）、normal（正常），也可以使用數值來更細緻控制字重。
line-height: 行高控制了文本行與行之間的垂直間距，常用相對比例或數值單位來設置。
word-spacing: 調整單詞之間的間距，增強可讀性或製造視覺空間。

##主要功能
控制字體樣式: 讓文字變為斜體或保持正常樣式，根據不同的語境或設計需求進行調整。
設置字體粗細: 使得標題和正文之間在視覺上形成層次感，強調重要內容。
行高控制: 讓文字更具可讀性，尤其適合於較長的段落和文章。
單詞間距調整: 提升版面的舒適感，防止文字擁擠或過於分散。

##注意事項
過度設計: 過於強調字體樣式（如過多的斜體或過大的字重變化）會降低閱讀舒適度。
相對單位的靈活性: 使用em、rem等相對單位，讓文字樣式適應不同設備，避免使用絕對單位造成的固定樣式。

##簡單範例應用

<style>
p {
    font-style: italic; /* 將段落設為斜體 */
    font-weight: bold;  /* 字體加粗 */
    line-height: 1.5;   /* 行高設置為1.5倍 */
    word-spacing: 5px;  /* 單詞之間的距離設置為5px */
}
</style>

<p>
  文字設置，讓閱讀流暢無礙。
  //這段文字設置了斜體、加粗，行高為1.5倍，並且單詞之間的間距設置為5px。讓文字更加清晰易讀。
</p>