CSS樣式
CSS樣式:內(nèi)聯(lián)樣式,內(nèi)部樣式,外部樣式
#新03-three.html檔:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>使用CSS樣式，樣式優(yōu)先級(jí)，CSS選擇器</title>
<style type="text/css">
h1{
color:blue;
font-size:36px
}
</style>
</head>
<body>
<link rel="stylesheet" href="03-three.css" />
<p style="font-size:48px;color:red">段落文本(p):使用內(nèi)聯(lián)樣式</p>
<h1>一級(jí)標(biāo)題(h1):使用內(nèi)部樣式表</h1>
<h2>二級(jí)標(biāo)題(h2):使用外部樣式表</h2>
</body>
</html>新03-three.css檔案:
h2{
color:green;
background-color:gray
}運(yùn)行03-three.html展示如下:
#內(nèi)聯(lián)樣式的優(yōu)先順序是最大的,內(nèi)部樣式與外部樣式看誰最後載入,後載入的一般才是最終生效的.
但是加個(gè)!important之後優(yōu)先權(quán)就變成最高了
