在HTML中,我們可以通過內聯(lián)樣式、內嵌樣式和外部樣式表來實現(xiàn)CSS樣式表。
1.內聯(lián)樣式 內聯(lián)樣式是直接在HTML標簽中通過style屬性設置CSS樣式,如下所示: <p style="font-size: 16px; color: red;">這是一段紅色字體大小為16px的文本</p>缺點:內聯(lián)樣式難以修改,當多個標簽需要使用相同的CSS樣式時,需要重復的添加style屬性。 2.內嵌樣式 內嵌樣式是在HTML文件頭部通過style標簽設置CSS樣式,如下所示: <head><style>p { font-size: 16px; color: red; } </style></head><body><p>這是一段紅色字體大小為16px的文本</p></body>缺點:當需要多處使用相同的CSS樣式時,也需要重復的添加樣式代碼。 3.外部樣式表 外部樣式表是將CSS代碼保存在一個獨立的CSS文件中,然后在HTML文件中通過link元素引入該文件,如下所示: <head><link rel="stylesheet" href="style.css"></head><body><p>這是一段紅色字體大小為16px的文本</p></body>優(yōu)點:可重用性好,便于管理和維護。