CSS是一種用于網頁樣式的語言,它可以使網頁更加美觀和易于閱讀。CSS樣式可以通過以下三種方式之一來應用到網頁中:
- 內聯樣式: 在HTML標簽中使用style屬性來指定樣式。例如: <p style="color:red;font-size:24px;">這是一段紅色、字號為24px的文字</p> - 內部樣式: 在HTML文檔頭部使用<style>標簽定義樣式,然后在HTML標簽中使用class或id屬性引用樣式。例如: <style> .myclass { color:blue; font-size:18px; } #myid { color:red; font-size:24px; } </style> <p class="myclass">這是一段藍色、字號為18px的文字</p> <p id="myid">這是一段紅色、字號為24px的文字</p> - 外部樣式表: 在HTML文檔頭部使用<link>標簽引用一個CSS文件,然后在HTML標簽中使用class或id屬性引用樣式。例如: <link rel="stylesheet" type="text/css" href="mystyle.css"> <p class="myclass">這是一段藍色、字號為18px的文字</p> <p id="myid">這是一段紅色、字號為24px的文字</p>
可以看到,內聯樣式和內部樣式可以直接在HTML文檔中定義樣式,但是當網頁中有大量樣式時,這種方式不夠靈活和易于維護。因此,外部樣式表是建議的做法。將所有樣式都放在一個CSS文件中,這樣可以在多個HTML文檔中復用,而且可以單獨維護樣式,使得網頁開發更加方便。