CSS(級(jí)聯(lián)樣式表)是一種用于描述HTML文檔樣式的語言,在嵌入式CSS中,您可以將CSS代碼直接寫入HTML文檔的頭部或內(nèi)部,以實(shí)現(xiàn)對(duì)網(wǎng)頁樣式的控制,下面是一些關(guān)于如何寫出嵌入式CSS的指導(dǎo):
1、內(nèi)部樣式表:在HTML文檔的<head>
部分,您可以使用<style>
標(biāo)簽來定義內(nèi)部樣式表,這個(gè)樣式表只適用于當(dāng)前HTML文檔。
<head> <style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333; font-size: 2em; } </style> </head>
2、內(nèi)聯(lián)樣式:在HTML元素中使用style
屬性來定義樣式,這種樣式只適用于當(dāng)前元素及其子元素。
<h1 style="color: #333; font-size: 2em;">標(biāo)題</h1>
3、使用CSS類:在HTML文檔中定義CSS類,并在HTML元素中使用class
屬性來引用這些類。
<head> <style> .my-class { color: #333; font-size: 2em; } </style> </head> <body> <h1 class="my-class">標(biāo)題</h1> </body>
4、使用CSS ID:在HTML文檔中定義CSS ID,并在HTML元素中使用id
屬性來引用這些ID。
<head> <style> #my-id { color: #333; font-size: 2em; } </style> </head> <body> <h1 id="my-id">標(biāo)題</h1> </body>
使用CSS ID時(shí),ID應(yīng)該是***的,且每個(gè)ID只能對(duì)應(yīng)一個(gè)元素,而CSS類可以在多個(gè)元素之間重復(fù)使用。