常见的块级元素，div p ul form h1~h6 table ol li 块级元素特点: 每个元素都是从新的一行开始，并且其后的元素也另起一行； 元素的高度、宽度、行高以及margin和padding都可以设置； 元素宽度在不设置的情况下，是它本身父容器的100%，和元素的宽度一致，除非设置一个宽度； 当块级元素包含的块级元素高度超过父元素，视觉层面上子元素会在父元素border上面，在这个基础上，如果子元素(块级)内容超出高度，视觉层面上也会在子元素border上面。

常见的行内元素，span label a 行内元素特点 和其他元素都在一行上 元素的高度、宽度设置无效，宽高即是该标签包含的文字或图片的宽度。 margin只对左右有用，对上下无效；padding有效； 尽管padding有效，在一个父元素内，块级兄弟元素的margin仍能够探到行内元素的content 行内元素的padding不能对与他相邻的块级的距离产生影响,只能对内content产生影响，在border与content中产生的距离会以悬浮的方式出现；而块级元素的padding在对内产生作用的同时，也会对周边的元素产生影响

Span的一个特性

如果后面还有相邻的span元素，则会产生一个10px 左右的外右边距

常用的内联块状元素有 Img input 内联块状元素同时具备内联元素、块级元素的特点， 特点 和其他元素都在一行上 元素的高度、宽度、行高以及内外边距都可以设置

float属性会使得使用了该属性的标签变为块级元素，不论其自身是什么元素