CSS第一節(jié):認(rèn)識(shí)CSS

1. CSS: cascading style sheets ? ul>(li>a[herf="#"])*3

2. 所有的標(biāo)簽都有style, name, id這些屬性

3. 行內(nèi)樣式用style來設(shè)置,e.g. color,font-size

4.內(nèi)嵌樣式: style applied in head; 外部樣式

5. css 盡量跟html分離

6.通配符選擇器: *代表所有標(biāo)簽 ? dtd 文檔類型定義 ?marge:0 padding:0 ? id 選擇器 #p1{}

7.類選擇器 class="web" .web {}?

8. 復(fù)合選擇器:標(biāo)簽指定式選擇器 h3.special or p#one ? ? ?后代選擇器: .c li {} ? 并集選擇器: h1, p {}

子代選擇器: div>strong{} ?屬性選擇器:h1[id]{}

9.

LoVe and HAte 原則?

10. 偽類:標(biāo)簽的狀態(tài) ? ?偽元素:標(biāo)簽的內(nèi)容

first-line: 段落或者div的第一行 ? first-letter:第一個(gè)字符 ? span:first-child:選擇第一個(gè)孩子是span標(biāo)簽

before and after是一個(gè)行內(nèi)元素

11. 層疊性和繼承性

12.層疊性是指樣式的優(yōu)先級(jí)相同的情況下才考慮。

css的優(yōu)先級(jí):行內(nèi)樣式是最高的, =》id選擇器 =》類選擇器 =》標(biāo)簽選擇器

1. 繼承樣式優(yōu)先級(jí)高于默認(rèn)優(yōu)先級(jí) 2. 通配符優(yōu)先級(jí)要高于繼承樣式優(yōu)先級(jí) 3. 標(biāo)簽的優(yōu)先級(jí)高于通配符的優(yōu)先級(jí)

復(fù)合選擇器跟復(fù)合選擇器比較,直接先比較css的優(yōu)先級(jí)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容