在HTML中,樣式有很多種實現方式。今天我們要介紹的是HTML嵌入式樣表。嵌入式樣表可以在HTML文檔中直接定義樣式,從而控制該文檔中所有元素的樣式。
下面是一個使用嵌入式樣表的例子:
<!DOCTYPE html> <html> <head> <style> p { font-family: Arial, sans-serif; font-size: 16px; color: #333; } a { color: #0099cc; text-decoration: none; } </style> </head> <body> <p>這是一段文本。</p> <a href="#">這是一個鏈接。</a> </body> </html>
上述代碼實現了以下樣式:
- p元素:使用Arial或sans-serif字體,16像素大小,333顏色。
- a元素:使用藍色#0099cc作為文字顏色,并去掉下劃線。
在實際應用中,嵌入式樣表可以通過<style>標簽在<head>標簽中定義,也可以通過style屬性直接給元素添加樣式。但是,如果要控制整個文檔中的樣式,我們建議使用嵌入式樣表。
總結:HTML嵌入式樣表可以在HTML文檔中直接定義樣式,控制整個文檔的樣式。使用<style>標簽定義嵌入式樣表,也可以在元素上使用style屬性添加樣式。