HTML中常见的元素分类(三种)

1. 块状元素(block)
(1) 块状元素在网页中就是以块的形式显示(显示形状为矩形). 块状元素默认没有自己高度和宽度,默认情况下它的宽度是继承其父元素的宽度,高度是内容撑起来的高度,没有内容的时候高度为0.
常用的块状元素:div, dl, dt, dd, ul, ol, fiedset, (h1-h6), p, form, hr, collgroup, col, table, tr,td等;
(2) 块状元素的特点:

默认的情况下,块状元素都会独占一行,块状元素会按顺序自上而下排列;
块状元素都可以直接设置宽度和高度;
块状元素都遵循盒模型的所有规则,一般作为其他元素的容器(p标签除外);
2.内联元素(inline 或称行内元素)
(1) 常见的行内元素:span, a, i, em, strong, b等;
(2) 类联元素的特点:

内联元素后面如果是内联元素,则会在一行内逐个显示;
内联元素现实的宽度,高度,不能直接定义,它最小的内容单元也会呈现矩形形状;
内联元素遵循盒模型的规则,但是会有部分无法显示;
(当然我们也可以通过改变内联元素的display属性,来实现对其宽度和高度的设置,这个知识点我会放在下一篇和大家分享)
3.可变元素
可变元素需要根据上下文关系来确定这个元素是块元素还是内联元素