国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css學習歸納總結（一）

wwolf / 2814人閱讀

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

贊助我以寫出更好的文章，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.標簽選擇器  如：p { font-size:1em; }

子選擇器和后代選擇器的區別：

后代選擇器的寫法就是把外層的標記寫在前面，內層的標記寫在后面，之間用空格分隔。
子選擇器只對直接后代有影響的選擇器，而對“孫子后代”以及多層后代不產生作用。

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

盒子模型

css框模型介紹：


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

當你為body元素指定div時，每個div默認的寬為瀏覽器的100%，高度在每個瀏覽器的解析都是不一樣的，比如在火狐下是131px，在chrome下則是142px，具體機制不明

css字體速記規則

當用css定義字體樣式的時候，你也許會這樣做：

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

沒有必要這么做，因為你可以使用css速記屬性：

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

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

避免多余選擇器

有時候你會有如下的寫法：

ul li { ... }

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

但實際上這是沒必要的寫法，因為

  • 會且只會與