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属性：