html--block与inline

一、块级元素block

1. 总是独占一行，表现为另起一行开始，而且其后元素也必须另起一行显示；
2. 宽度（width）、高度（height）、内边距（padding）和外边距（margin）都是可控制的；
3. 块级元素即使设置了宽度，仍是独占一行。

<p></p><div></div><form></form><h1></h1><hr />
<dl></dl><ul></ul><ol></ol>

二、内联元素inline

1. 和相邻的元素在同一行；
2. 宽度（width）、高度（height）无法改变，即文字或图片的大小无法改变；
3. 水平方向padding，margen-left，margen-right都会产生边距效果，但是竖直方向的margen-top和margen-bottom都不会产生边距效果。
   （水平方向有效，竖直方向无效）

<a></a><span></span><textarea></textarea><select></select>