HTML可以将元素分为内联元素(行内元素)、块状元素和内联块状元素(行内块状元素)三种。
这三者可以通过使用display属性进行任意转换。
内联元素:内联元素最常使用的就是<span>。
特征:(1)设置width和height无效
(2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
(3)不会自动进行换行
块状元素:块状元素代表性的就是<div>。
特征:(1)能够识别width和height
(2)margin和padding的上下左右均对其有效
(3)可以自动换行
(4)多个块状元素标签写在一起,默认排列方式为从上至下
内联块状元素:内联块状元素综合了前两种的特性却又各有取舍。
特征:(1)不自动换行
(2)能够识别width和height
(3)默认排列方式为从左到右