块状元素前面也稍微提过了,就是相当于一个独立一行并且可以设置宽高的方块。常见的块状元素有:div、p等。。
而内联元素也叫做“行内元素”,常见内联元素有span。如果块状元素是一个块状,可以设置各种盒子模型的属性,那么内联元素就可以当成有弹性的橡皮筋来看,只能自身影响。
具体区别可以看下一下总结表格:
类型 | 独占一行 | 能否设宽高 | 竖直方向的margin、padding |
块状元素 | 是 | 是 | 有,可以设置 |
内联元素 | 否 | 否 | 没有,也不可以设置 |
备注:需要注意的有一点,还有一些元素是介乎于内联元素和块状元素之间的,比较典型的就是<img src=”” alt=”” />图片元素,虽然他实际上是内联元素,但是可以设置宽高,所以这种就称作:替换元素。