在制作网页时，块级元素和行内元素分别有哪些？

Question

如题所述

Answer 1

1. 块级元素
块级元素是指在HTML页面中占据完整水平空间的元素，它们总是从新的一行开始，并且结束于同一行。这类元素可以设置宽度（width）、高度（height）、内边距（padding）和外边距（margin）。
2. 行内元素
行内元素是指在HTML页面中仅占据其内容所需空间的元素，它们可以与相邻的行内元素在同一行显示。行内元素的宽度（width）、高度（height）、内边距的上下部分（padding-top/padding-bottom）和外边距的上下部分（margin-top/margin-bottom）通常不可设置，会根据内容的大小自动调整。
扩展内容：
1. 块级元素特性
- 总是独占一行，即使其后没有换行符也会开始新的一行。
- 允许设置宽度（width）、高度（height）、内边距（padding）和外边距（margin），具有这些属性的实际效果。
2. 行内元素特性
- 与相邻的行内元素在同一行显示，不会因为自身的存在而强制换行。
- 宽度（width）、高度（height）、内边距的上下部分（padding-top/padding-bottom）和外边距的上下部分（margin-top/margin-bottom）通常不可设置，会根据内容自动调整大小。
3. 可变元素
- 可变元素，也称为内联块级元素，具有行内元素的特点，如不强制换行，但同时也允许设置宽度（width）、高度（height）、内边距（padding）和外边距（margin），表现形式介于行内元素和块级元素之间。