HTML中的元素分类

Html中的元素分类

Html元素大致可以分为3类，分别为：块级元素（block），行内元素（inline），行内块元素（inline-block）

1.块级元素（block）

常见的块级元素：div，p，form，hr，table，h1…h6，dl，dt，dd，ul，ol，

块级元素的特点：

• 默认情况下都会独占一行，按照从上到下的顺序进行流式布局
• 块级元素可以直接设置宽度和高度，元素在不设置宽度的情况下，它的宽度是父元素的100%
• 遵循盒模型的所有规则，一般作为其他元素的容器（除p标签）

2.行内元素（inline）

常见的行内元素：a，span，var，label，i，strong，b，em

行内元素的特点：

• 和其他元素都在一行上
• 元素的高度、宽度及顶部和底部边距不能设置
• 元素的宽度为它所包含的文字或图片的宽度，不能改变

3.行内块元素（inline-block）

常见的行内块元素：input，img

行内块元素的特点：

• 和其他元素都在一行上
• 元素的高度、宽度及顶部和底部边距都可以直接设置