內嵌式CSS是一種在HTML文檔中直接嵌入CSS代碼來實現樣式效果的方式。接下來我們通過一個例子來說明:
<html> <head> <title>內嵌式CSS例子</title> <style> p { color: red; font-size: 14px; } </style> </head> <body> <p>這是一個內嵌式CSS的例子。</p> </body> </html>
在這個例子中,我們在<head>標簽中使用<style>標簽嵌入了CSS樣式代碼,其中p為聲明的選擇器,color和font-size為樣式屬性和屬性值。在body標簽中,我們使用了一個普通的p標簽,這個標簽就會應用我們在頭部內嵌式CSS中聲明的樣式。運行以上代碼,將會發現p標簽中的文字變成了紅色的,并且字體大小為14px。
內嵌式CSS相對于外部引入樣式表和直接在標簽內使用style屬性這兩種方式,優點是可以直接在HTML文檔中設置樣式,方便快捷。但是也有缺點,就是樣式比較零散,不易維護,且無法實現樣式復用。