將CSSyangshi_10628_1.html' target='_blank'>CSS樣式怎么嵌入html中的主要方法有三種：
1、設(shè)置標(biāo)簽的style=""屬性，稱為內(nèi)聯(lián)樣式；
2、在HTML的<head>標(biāo)簽中使用<style>標(biāo)簽，稱為嵌入式樣式；
3、創(chuàng)建并鏈接外部CSS文件，稱為外部樣式表。
基本樣式表通常修改html標(biāo)記的外觀，如<body>和<p>。在頭文件中使用CSS文件或樣式表時，我們還可以定義樣式類，并使用class="?"屬性將它們應(yīng)用于任何元素，但這超出了本簡單指南的范圍。
內(nèi)聯(lián)樣式
特點：
1）、內(nèi)聯(lián)樣式放在代碼中的HTML元素中。
2）、使用內(nèi)聯(lián)樣式時，樣式只會影響你選擇的元素。
3）、內(nèi)聯(lián)樣式?jīng)]有選擇器
注：HTML中定義的內(nèi)聯(lián)樣式只適用于它們添加到的標(biāo)記。
<p style="color:red;">Some red text</p>
優(yōu)點：
1、如果您想測試和預(yù)覽更改，則非常有用。
2、對快速修復(fù)很有用。
3、降低HTTP請求。
缺點：
內(nèi)聯(lián)CSS必須應(yīng)用于每個元素。
嵌入式樣式
特點：
1）、被放置在樣式標(biāo)簽<style type ="text / css"> </ style>編寫的網(wǎng)頁的頭部部分中。
2）、編寫的樣式將僅用于您使用它的網(wǎng)頁。
3）、嵌入樣式也稱為“內(nèi)部樣式”
標(biāo)題中定義的樣式將應(yīng)用于整個頁面。下面的示例將使頁面中的所有h1標(biāo)記都以紅色顯示標(biāo)題。
<head> <style type="text/css"> h1 { color: red; } </style></head>優(yōu)點：
1、樣式表只影響一個頁面。
2、內(nèi)部樣式表可以使用類和ID。
3、無需上傳多個文件。HTML和CSS可以在同一個文件中。
缺點：
1、增加頁面加載時間。
2、它只影響一個頁面 - 如果要在多個文檔上使用相同的CSS，則無用。
外部樣式表
與HTML文件一樣，CSS文件也是純文本，并且通常具有.css文件擴展名；可以通過特定的標(biāo)簽來將其鏈接到HTML文件中。
特點：
1）、在單獨的文檔中編寫然后附加到各種Web文檔中
2）、修改它可以影響所有你所調(diào)用的頁面
3）、便于修改操作
例如，style.css文件內(nèi)容可以如下所示：
body { background-color: beige; color: #000080;}h1 { color: red;}然后可以使用<link…>在header頭中引入生效。
<head><link rel="stylesheet" type="text/css" href="style.css" title="style"></head>
優(yōu)點：
1、HTML頁面的大小更小，結(jié)構(gòu)更清晰。
2、加載速度更快。
3、相同的.css文件可以在多個頁面上使用。
缺點：
在加載外部CSS之前，頁面可能無法正確呈現(xiàn)。
以上就是css怎么嵌入到html中？的詳細(xì)內(nèi)容，更多請關(guān)注 其它相關(guān)文章！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
新聞熱點
疑難解答
