2021-05-19

元素类型

元素类型分三种

1. 块元素
2. 内联元素
3. 行内块元素

块元素：可以直接设置大小，块元素默认从上到下依次排列，并块元素独占一行；

行内元素/内联元素：无法直接设置高低大小，行内元素默认在一行内逐个显示，行内元素的高低大小由内容决定。

（注释：常见bug：行内元素设置margin-top/bottom是没有效果的）；

行内块元素：可以直接设置宽高大小，在一行内逐个显示；

---

扩展：所有行内块元素都是以基线对齐的；

属性：display 中文翻译：转变

常用属性值：

1. block 中文翻译：块 将其他元素转换成块元素；
2. inline    将其他元素转换成行内元素；
3. inline-block 将其他元素转换成行内块元素；
4. list-item 讲其他元素转换成块元素。

重点：浮动使其他元素转换成行内块元素。