外部樣式
當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí)装悲,外部樣式表將是理想的選擇椅您。在使用外部樣式表的情況下贱除,你可以通過(guò)改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。
- 使用 <link> 標(biāo)簽鏈接到樣式表媳溺。如:
<head>
<link rel="stylesheet" href="style.css">
</head>
N.引入style.css時(shí)月幌,style.css必須在當(dāng)前目錄下,如果不在當(dāng)前目錄下褂删,則要把路徑標(biāo)明出來(lái)飞醉。如:
<head>
<link rel="stylesheet" href="CSS/style.css">
</head>
內(nèi)部樣式
當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表屯阀。
- 可以使用 <style> 標(biāo)簽在文檔頭部定義內(nèi)部樣式表缅帘。如:
<style>
p{
font-size: 50px;
}
</style>
- 當(dāng)需要.html中引入一個(gè).css的文件時(shí)。如:
<style>
@import url(style.css);
p{
font-size: 50px;
}
</style>
N.@impor還可以把兩個(gè).css的文件連接到一起难衰,在其中一個(gè).css中用@impor引入另一個(gè).css文件钦无。如:
#以下寫法都可以
@import url(style2.css);
@import url("style2.css");
@import url('style2.css');
@import "style2.css";
@import 'style2.css';
內(nèi)聯(lián)樣式(不推薦)
由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)盖袭。請(qǐng)慎用這種方法失暂,例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。
<p style="background: orange; font-size: 24px">
Hello CSS
</p>
N.多重樣式優(yōu)先級(jí):內(nèi)聯(lián)樣式 > 內(nèi)部樣式 >外部樣式 > 瀏覽器默認(rèn)樣式