當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > 在HTML文檔中植入CSS樣式

在HTML文檔中植入CSS樣式

2012/11/23 14:10:51作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

在HTML文檔中植入CSS樣式

通過<style>標(biāo)簽元素，可將樣式信息作為文檔的一部分用于HTML。所有樣式表都應(yīng)列于文檔的頭部，即包含在<head>和<mead>之間。在<head>中，可以包含一個或多個<style>標(biāo)記元素，但需要注意<style>和</style>成對使用，并注意將CSS代碼置于<!一和一>之間。

【基本語法】

<style  type="text/css">
<!--
選擇符1（樣式屬性：屬性值；樣式屬性：屬性值；···）
選擇符2（樣式屬性：屬性值；樣式屬性：屬性值；···）
選擇符3（樣式屬性：屬性值；樣式屬性：屬性值；···）
···
選擇符n（樣式屬性：屬性值；樣式屬性：屬性值；···）
-->【語法介紹】

如果瀏覽器不能識別style元素，就會將其當(dāng)做body的一部分照常展示其內(nèi)容，從而使這些樣式表對用戶是可見的。為了防止出現(xiàn)這種情況，我們將style元素的內(nèi)容包含在一個注解<!…一>里面，像上述例子那樣。

嵌入的樣式表可用于當(dāng)一個文檔具有獨(dú)一無二的樣式時。如果多個文檔都使用同—個樣式表，那么后面提到的外部樣式表會更適用。

【實例代碼】

【代碼分析】

標(biāo)簽： HTML文檔  CSS  樣式