本文详细介绍了网页布局中两种基本元素类型：块级元素和内联元素的特点及使用场景。块级元素如<p>、<div>等，总是独占一行并可以设置宽高；内联元素如<a>、<span>等，则与相邻元素在同一行且宽度、高度不可改变。
一、块级元素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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
