一、块级元素block
- 总是独占一行,表现为另起一行开始,而且其后元素也必须另起一行显示;
- 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都是可控制的;
- 块级元素即使设置了宽度,仍是独占一行。
<p></p><div></div><form></form><h1></h1><hr />
<dl></dl><ul></ul><ol></ol>
二、内联元素inline
- 和相邻的元素在同一行;
- 宽度(width)、高度(height)无法改变,即文字或图片的大小无法改变;
- 水平方向padding,margen-left,margen-right都会产生边距效果,但是竖直方向的margen-top和margen-bottom都不会产生边距效果。
(水平方向有效,竖直方向无效)
<a></a><span></span><textarea></textarea><select></select>