亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

css學(xué)習(xí)歸納總結(jié)（一）

wwolf / 2890人閱讀

摘要：子選擇器只對(duì)直接后代有影響的選擇器，而對(duì)孫子后代以及多層后代不產(chǎn)生作用。注意在中，只支持后代選擇器，不支持子選擇器盒子模型框模型介紹給下的設(shè)置寬度，那么他們將平均掉它們所占容器的寬度。元素要多帶帶占一行。

贊助我以寫出更好的文章，give me a cup of coffee?

2017最新最全前端面試題

選擇器的分組

CSS選擇器分為

1.群組選擇器  如：p, body, img, div{}

2.兄弟選擇器  如：p + p { color:#f00; }

3.屬性選擇器  如： p[title] { color:#f00; }

4.包含（后代）選擇器  如：body ul li{}

5.子元素選擇器 如：div > p{}

6.ID選擇器  如：#myDiv{}

7.類選擇器  如：.class1{}

8.偽元素選擇器  如：E:first-line，E:before

9.偽類選擇器  如：E:first-child ，E:visited，E:focus，E:enabled

10.標(biāo)簽選擇器  如：p { font-size:1em; }

子選擇器和后代選擇器的區(qū)別：

后代選擇器的寫法就是把外層的標(biāo)記寫在前面，內(nèi)層的標(biāo)記寫在后面，之間用空格分隔。
子選擇器只對(duì)直接后代有影響的選擇器，而對(duì)“孫子后代”以及多層后代不產(chǎn)生作用。

注意：在IE6中，只支持后代選擇器，不支持子選擇器

盒子模型

css框模型介紹：


給ul下的li設(shè)置寬度，那么他們將平均掉它們所占容器的寬度。div >ul> li> a標(biāo)簽所占寬度和高度：

當(dāng)你為body元素指定div時(shí)，每個(gè)div默認(rèn)的寬為瀏覽器的100%，高度在每個(gè)瀏覽器的解析都是不一樣的，比如在火狐下是131px，在chrome下則是142px，具體機(jī)制不明

css字體速記規(guī)則

當(dāng)用css定義字體樣式的時(shí)候，你也許會(huì)這樣做：

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

沒有必要這么做，因?yàn)槟憧梢允褂胏ss速記屬性：

 font: bold italic small-caps 1em/1.5em verdana,sans-serif

值得注意的是：css速記版本只會(huì)在你同時(shí)指定 font-size和font-family 屬性時(shí)才會(huì)生效。如果你沒有指定font-weight, font-style,或者 font-variant，那么這些值將會(huì)自動(dòng)默認(rèn)為 normal

避免多余選擇器

有時(shí)候你會(huì)有如下的寫法：

ul li { ... }

ol li { ... }
    
table tr td { ... }

但實(shí)際上這是沒必要的寫法，因?yàn)?b>

  • 會(huì)且只會(huì)與
    • <