20180612-CSS-盒子模型-系列

課程內容：

盒子模型屬性：

IE6瀏覽器不支持max-width和min-width

有設置div600px的啊，爲啥爲啥是1350？？？？？

高度屬性設置：

p{background-color:#ececec;height:200px;float:left;}

float：left；

浮動，向左浮動。

那些HTML元素可設置高和寬屬性：

同時設置，最後會呈現CSS樣式！！！！

height和width屬性總結：

邊框屬性：

thin窄的邊框         medium中等邊框         thick厚的邊框

.one{
    border-top:10px #0099ee solid;
}

中間用  空格  斷開  即可 

padding內邊距屬性：

內邊距縮寫：

margin外邊距屬性：

*{margin：0；}取消body默認margin。

盒子模型計算：

標準盒子模型：

IE盒子模型：

盒子模型解析：

HTML元素分類：

行內元素之間的空格消除辦法：

1，行內元素代碼之間，不加入任何空格和換行；

2，增加父元素，設置font-size：0，消除換行符、tab（製表符）、空格等字符【第二條不懂，盒子模型，第四章，第五分鐘】

block 塊級元素顯示            inline行內元素顯示

        

應用：

下面兩張圖是連在一起的！

是實例哦！！！

課程總結：

樣式繼承關係：

display屬性：