存档

2009年8月 的存档

block 和 inline

2009年8月17日

block-level elements (块级元素)

inline elements (内联元素)

所有允许被 BODY 元素包含的元素,要么是块级的;要么是内联的;要么既可以算作块级的,也可以算作内联的。但是绝对不存在一个能被BODY包含,但即非块级,又非内联的元素。

更直白点说块级元素就是元素本身会占据一个矩形的位置,是一个 box,默认一个块级元素会占用一行的位置,而内联元素是只在一行内占据一个或者几个字符的位置。

块级元素实例

<div>这里是测试文本</div>

内联元素实例

<div>这里是测试文本<span>这里是内联样式的文本</span></div>

常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等等。

常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等等。

另外,SCRIPT, OBJECT, MAP, BUTTON, DEL, INS 这些元素,既可以作为块级元素,也可以作为内联元素。

kingabird HTML/CSS