CSS樣式
CSS樣式:內(nèi)聯(lián)樣式,內(nèi)部樣式,外部樣式
新建03-three.html文件:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>使用CSS樣式,樣式優(yōu)先級,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>一級標(biāo)題(h1):使用內(nèi)部樣式表</h1> <h2>二級標(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)先級就變?yōu)樽罡吡?/span>