CSS樣式規(guī)則
css規(guī)則有兩部分組成:選擇器,聲明
——選擇器:設(shè)置樣式的元素;
——聲明:由屬性和值構(gòu)成(后面有一個(gè);),聲明在一對(duì){ }內(nèi);
選擇器{屬性:值;屬性:值;}
——屬性:用來設(shè)置樣式;
——值:屬性顯示效果的參數(shù)。
注釋:/*注釋語句*/
如:
<style text/css>
p,h1,h2,h3···{ font-size:30px;}/*相同屬性可以寫在一起*/
p{ color:blue<br>;
font-family:"隸書";
}
h1{ background-color:yellow;}
</style>
CSS使用方法
- 行內(nèi)樣式(內(nèi)聯(lián)樣式)
- 內(nèi)部樣式表(嵌入樣式)
- 外部樣式
- 導(dǎo)入式
1.行內(nèi)樣式:再開始標(biāo)簽內(nèi)添加style樣式屬性。
如:<p style="color:red; font-size:30px;">內(nèi)容</p>
2.內(nèi)部樣式:把css樣式代碼寫在style標(biāo)簽內(nèi)。
<style type="text/css">
樣式代碼
</style>
說明:<style>放在<head>之間。
3.外部樣式:把css樣式寫在一個(gè)獨(dú)立的文件中,文件擴(kuò)展名為(文件名.css)。
<link href="XX.css" rel="stylesheet" type="text/css"/>
說明:<link>放在<head>之間。
4.導(dǎo)入式:使用@import導(dǎo)入"外部CSS樣式"。
@import "文件名.css"
@import url("文件名.css")
說明:放在<style>標(biāo)簽內(nèi)。
5.使用鏈入外部樣式的好處
(1) css和html分離
(2)多個(gè)文件可使用同一個(gè)樣式表
(3)多文件使用同一個(gè)css文件,只需下載一次
css使用方法優(yōu)先級(jí)
行內(nèi)樣式 > 內(nèi)部樣式 > 鏈入外部樣式 = 導(dǎo)入式
說明:若優(yōu)先級(jí)相同,遵循就近原則,即后面覆蓋前面。