CSS元素的类型与转换

1、元素的类型

注意：

• 在行内元素中有几个特殊的标签。例如，<img />标签和<input />标签。这些特殊的行内元素可以设置宽度、高度和对齐属性，因此它们也被称为行内块元素。
• 在搭建HTML结构时，块元素能够嵌套行内元素，但行内元素不能嵌套块元素。

2、元素的转换

 网页是由多个块元素和行内元素构成的盒子排列而成的。如果我们希望行内元素具有块元素的某些特性或者需要块元素具有行内元素的某些特性，就可以使用display属性对元素的类型进行转换。

语法格式：display:属性值;

3、块元素垂直外边距的合并

3.1 相邻块元素垂直外边距的合并

当上下相邻的两个块元素相遇时，如果上面的块元素有下外边距——margin-bottom，下面的块元素有上外边距——margin-top，则它们之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并（也称外边距塌陷）。

3.2 相邻块元素垂直外边距的合并

两个嵌套关系的块元素，如果父级块元素没有上内边距和边框，则父级块元素的上外边距会与子级块元素的上外边距发生合并，合并后的外边距为两者中的较大者。