內嵌樣式標記是指在HTML文件中使用內部樣式表來定義樣式。它的語法是使用style標簽,標簽內容是CSS樣式代碼。不同于外部樣式表需要引用外部CSS文件來定義樣式,內嵌樣式表是直接嵌入HTML文件中。這種方式可以使得樣式表更加的集中,維護樣式也更為方便。
<style>
p {color: blue; font-size: 20px; text-align: center;}
</style>
上面的代碼展現了如何在HTML文件中內嵌樣式表。在style標簽中,我們可以定義需要樣式的元素,例如這里的p,然后在后面的大括號中描述其樣式。本例中,我們給p元素設置了藍色字體、大小為20像素、居中對齊。
需要注意的是,在一個HTML文件中可以存在多個內嵌樣式表和外部樣式表,其優先級順序是內嵌樣式表 >行內樣式 >外部樣式表。這些不同的樣式表可以為不同的元素設置不同的樣式。
<div style="background-color: yellow;">
<p style="color: red; font-size: 24px;">Hello World!</p>
</div>
上面是行內樣式表的例子,可以直接在元素標簽內使用style屬性來設置樣式。在本例中,我們為div元素設置了黃色背景,并在其中的p元素內又設置了紅色字體和更大的字號。
上一篇表格里的css 字體大小
下一篇css設置首字下沉2行