FacebookLinkedInTweet更新日期: 2025 年 2 月 14 日
在網頁開發中,HTML 用於定義網頁的結構,而 CSS(階層樣式表)則用於控制網頁的外觀和佈局。
掌握如何在 HTML 中引入 CSS 是製作美觀、響應式網頁的關鍵。
本文將為新手介紹三種在 HTML 中添加 CSS 的方法:內聯樣式、內部樣式表和外部樣式表。
內聯樣式(Inline CSS)
內聯樣式是將 CSS 直接寫在 HTML 標籤的 style 屬性中。
適用於對單個元素進行快速、簡單的樣式調整。
範例:
這是一個使用內聯樣式的段落。
優點:
方便快捷,適合小範圍的樣式調整。
缺點:
不利於程式碼的可讀性和維護。
無法在多個元素中重複使用相同的樣式。
內部樣式表(Internal CSS)
內部樣式表是將 CSS 代碼寫在 HTML 文件的
標籤內,用這是一個使用內部樣式表的段落。