HTML块元素和行内块元素

在学习过程中遇到的html元素的几种类别，目前我知道的有三类：块状元素、内联元素也称行内块元素、可变元素。

1.块状元素在网页中就是以块的形式显示的，默认情况下它的宽度是继承其父元素的宽度，高度是由内容撑起来的，没有内容的时候，它的高度为0。

常用的块状元素有：div，dl，dt，dd，ul，ol，fiedset，h1-h6，p，form，hr，collgroup，col等，

默认的情况下，块状元素都会独占⼀⾏，块状元素会按顺序⾃上⽽下排列；块状元素都可以直接设置宽度和⾼度;块状元素都遵循盒模型的所有规则,⼀般作为其他元素的容器(p标签除外);

2.内联元素，常见的⾏内元素:span, a, i, em, strong, b等;内联元素后⾯如果是内联元素，则会在⼀⾏内逐个显⽰;内联元素现实的宽度,⾼度，不能直接定义，它最⼩的内容单元也会呈现矩形形状;内联元素遵循盒模型的规则，但是会有部分⽆法显⽰;

3.可变元素需要根据上下⽂关系来确定这个元素是块元素还是内联元素。