11 23

~元素类型 1 ：块级元素 2：行内元素

块级元素：<h1>-<h6> <P> <ul> <ol> <li> 最典型 <div>

行内元素：<strong> <b> <a> <em> <u> <input> 最典型<span>

特点 块级元素：1 在页面内以区域块的形式出现 2 每个块级元素通常都会占据一整行或者多行 3 可以对其设置宽度 高度 对齐等属性

行内元素：不占据独立区域 2 仅仅靠自身的字体大小和图像尺寸来支撑结构 3 一般不可以设置宽度 高度 对齐等属性

相邻会计元素之间的垂直间距不是margin-bottom与margin-top之和，而是这两者中的最大值

对于两个嵌套元素，如果父元素设有上边距及边框，父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大者   子元素移到父元素顶部

margin：上下 左右

元素 float：浮动 浮起来是浮在空中的，原地面的位置被下一个元素顶占，元素浮动以后相当于行内快捷元素

<img><input>是可以设置宽高属性的特殊行内元素

行内元素只能加文本或其他行内元素不能加块级元素

1 只搭建文本结构的标签 只加入文本或行内元素 不能插入其他块级元素

2 其他块级元素里面可以加任意块级元素 文本 或者行内元素