CSS中的标签显示模式

标签显示模式

块状元素

<p>,<hn>,<div>,<ul><li>
等标签

特点：
1、有默认的宽高，宽为父元素的100%，高为内容所撑起的高度
2、宽高可以自己设置
3、独占一行
4、可以容纳任意元素，但hn和p标签不能容纳块状元素
5、可以设置内外边距

行内元素

<a>,<b>,<em>,<del>,<span>
等标签

特点：
1、有默认的宽高，为内容所撑起的高度
2、不能够设置宽高
3、与相邻的行内或行内块元素在同一行上显示
4、只能容纳行内元素与内容
5、只能设置水平方向上的内外边距

行内块元素

<img>,<input>,<lable>,<select>
等标签

特点：
1、有默认的宽高，为内容所撑起的高度
2、宽高可以自定义
3、与相邻的行内或行内块元素在同一行上显示
4、一般不容纳其他元素
5、可以设置内外边距