css樣式
時間:2023-09-19 08:48:02 | 來源:網(wǎng)站運營
時間:2023-09-19 08:48:02 來源:網(wǎng)站運營
css樣式:
css樣式三種寫法:1:內(nèi)部樣式 存在在head標簽中
2:內(nèi)聯(lián)樣式 以屬性style的方式添加在標簽中
3:外部樣式 創(chuàng)建獨立的html頁面,并在頁面head標簽中添加
<link rel="stylesheet" href="css文件地址"> >創(chuàng)建獨立的css文件
另一種引入方式:在style標簽第一行添加@import url(css/style.css);
樣式權(quán)重外部樣式 內(nèi)部樣式<內(nèi)聯(lián)樣式(就近原則)
css選擇器類型選擇器(標簽選擇器):div span h1 p...
類選擇器:選中指定的元素,在一個頁面中可以多次出現(xiàn)
1:在標簽中添加屬性class="mz"
2:在樣式中的選擇器 .mz{}
id選擇器:選中指定的元素,在一個頁面中只允許出現(xiàn)一次
1:在標簽中添加屬性id="mz"
2:在樣式用添加選擇器 #mz{}
偽類選擇器:
:link{} 未訪問之前的狀態(tài)
:visited{} 訪問過后的狀態(tài)
:hover{} 鼠標懸停的狀態(tài)
:active{} 鼠標按下的狀態(tài)
注意:有順序要求 love hate
通配符 * 匹配頁面所有的元素,進行統(tǒng)一操作
群組選擇器 選擇器1,選擇器2,選擇器3{}
包含選擇器(后代選擇器) 選擇器1 選擇器2 選擇器3{}
選擇器權(quán)重對比id > class > 類型選擇器
100 10 1
內(nèi)聯(lián)樣式選擇器權(quán)重1000
包含選擇器權(quán)重值 為各個選擇器權(quán)重之和
css層疊:指的是優(yōu)先加載權(quán)重值高的,除非有添加!important