块级元素和行内元素
块级元素：
--
是最典型的块元素
块级元素的特点：1.独自占一行或多整行
2.在页面中以区域块的形式出现
3.可以对其设置宽度.高度.0对齐等属性
行内元素： ![]()
标记最典型的行内元素
行内元素的特点：1.不占有独立的区域
2.不仅仅靠自身的字体大小和图像尺寸来支撑结构
3.一般不可以设置宽度，高度，对齐等
1.
--
它们是只搭建文本结构的（只加文本或行内元素不能插入其他块元素）
链接标签（可以加块级元素）
2.其它块级元素里面可以加任意文本和行内元素和其它块级元素
3.行内元素里面只能加文本或其它行内元素，不能加块级元素，但是是特例
4是可设置宽高属性的特殊行内元素
display：转换属性 inline-block 在一行内显示（行内块级元素）
相邻块元素垂直外边距的合并，相邻块元素之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的最大者
嵌套块元素垂直外边距的合并 对于两个嵌套关系的块元素，如果 父元素没有上内边距边框，则父元素的上边距会与子元素移到父元素的顶部
（overflow hidden）
元素的浮动 flot
flot：left；向左
flot：right；向右
元素浮动以后是浮在空中的，它原地面为止被下面元素顶占
元素浮动了以后它的类型就相当于行内块元素
clear 浮动消除