|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--內(nèi)部樣式--> <style type="text/css"> div ul li a{ color: sandybrown; text-decoration: none; font-size: 40px; } div{ background-color: greenyellow; /*邊框賦值:邊框?qū)挾?實(shí)線 顏色*/ border: 5px solid blue; }
</style> <link rel="stylesheet" type="text/css" href="第三中引入方式.css"/> </head> <body> <div> <ul type="disc"> <li> <!--行內(nèi)樣式--> <a href="###" style="color: deepskyblue;">吃蝦的時(shí)代</a> </li> <li> <a href="###">韓式炸雞</a> </li> <li> <a href="###">甜品陪我度過孤獨(dú)</a> </li> <li> <a href="###">南城吃飯</a> </li> <li> <a href="###">吃下個(gè)十二生肖</a> </li> </ul> </div> </body> </html> <!-- 網(wǎng)站組成 1.結(jié)構(gòu)層;HTML,網(wǎng)頁的內(nèi)容,有各種標(biāo)簽組成 2.表現(xiàn)層:CSS,美化內(nèi)容,是網(wǎng)頁的樣式 3.行為層:JS 和網(wǎng)頁進(jìn)行交互 CSS:層疊樣式表 --> <!-- CSS的引入有三種方式(一共有四種) 1.行內(nèi)樣式(在開始標(biāo)簽里寫style) 2.內(nèi)部樣式(在head里面寫style) 3.外部樣式(把樣式寫成一個(gè)文件,在head通過link去引入)
三種引入方式的優(yōu)先級 理論上:行內(nèi)樣式>內(nèi)部樣式>外部樣式 實(shí)際上優(yōu)先級的高低是樣式距離標(biāo)簽的遠(yuǎn)近而來的,離得近級別高,就近原則
4.@impontant(幾年前使用的引入方式,認(rèn)識就可以了) --> <!-- sype屬性: circle 意思是 空心點(diǎn) square意思是方的點(diǎn) disc意思是圓的點(diǎn)(默認(rèn)樣式) --> |
|
|
