初始階段，只有：
1.塊級盒子（box-level-box）
2.內聯盒子 （inline-box）
有個list-item 預設顯示專案符號，乙個盒子解釋不了；
那就再加乙個盒子，叫附加盒子；
list-item元素會出現專案符號是因為生成了乙個附加盒子；
學名標記盒子專門來放原點，數字這些符號；
ie瀏覽器下偽元素不支援list-item也許就是無法創造這個標記盒子導致的；
出現了 display:inline-block 元素
現有的盒子又不夠了！
再加乙個盒子！
每個元素都有倆盒子：
於是 按照display的屬性不同，
值為 inline-block的元素
所以 display 為inline-block 既能**一行顯示；
又能直接設定 width/height
因為倆盒子
外面的是 inline 裡面是 block
CSS盒子筆記
css選擇器，大家寫css選擇器的時候，能共用的選擇器盡量提取出來 2，差距生成的呢？每天比別人落後一點，時間長了就跟不上了 這也是乙個態度的問題 總之，不要指望老師放慢速度，自己盡快適應 3，選擇器的繼承 和css樣式優先順序，有類似之處 關聯的選擇器 id選擇器 類選擇器 元素選擇器 越精確的優...
CSS筆記 盒子模型
一.盒子模型簡介 css將頁面中的所有元素都設定成了乙個矩形的盒子 將元素設定為矩形的盒子後，對頁面的布局就變成了將不同的盒子擺放到不同的位置 每乙個盒子都由以下幾個部分組成 內容區 content 內邊距 padding 邊框 border 外邊距 margin 二.內容區 content 使用w...
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...