HTML: 行内元素、块级元素、空(void)元素整理

一: 什么是 行内元素、块级元素、空(void)元素

1. 行内元素、块级元素概念:
   1.每一个网页元素(html标签)都有一个 display 属性, 用于确定该元素的类型; 每一个元素都有默认的 display 属性值, 比如 div 元素, 它的默认 display 属性值为 "block", 成为“块级”元素(block-level); 而 span 元素的默认 display 属性值为 "inline", 称为 "行内" 元素 。

2. 行内元素:
   1. 没有自己的独立空间, 和有他元素都在一行上, 它是依附于其他块级元素存在的, 高度、行高、外边距、内边距 都不可改变, 因此, 对行内元素设置 高度、宽度、内外边距 等属性, 都是无效的, 文字的宽度不可改变, 只能容纳文本或者其他行内元素, 其中 img 是行元素 。

3. 块级元素:
   1. 会自动占据一定矩形空间, 可以通过设置 高度、宽度、内外边距 等属性, 来调整的这个矩形的样子 。

二: 行内元素有哪些? 块级元素有哪些? 空(void)元素有那些？

1. 行内元素(11): a、b、span、img、input、strong、select、label、em、button、textarea 。

2. 块级元素(9): div、ul、li、dl、dt、dd、p、h1-h6、blockquote 。

3. 空元素(6): 即系没有内容的HTML元素, 例如: br、meta、hr、link、input、img 。