块级元素和内联元素的区别

块级元素和内联元素是HTML中常用的两种元素类型，它们在布局和显示上有一些区别。

1. 块级元素：
- 块级元素的宽度默认是父元素的100%。
- 块级元素可以设置宽度、高度、内外边距等属性。
- 常见的块级元素有`<div>`、`<p>`、`<h1>`~`<h6>`等。

2. 内联元素：
- 内联元素不会独占一行，可以与其他元素在同一行显示。
- 内联元素的宽度由内容决定，无法设置宽度、高度等属性。
- 内联元素的内外边距只会影响元素之间的间距，不会改变元素本身的大小。
- 常见的内联元素有`<span>`、`<a>`、`<strong>`、`<em>`等。

总结：
块级元素和内联元素的主要区别在于它们的显示方式和布局特性。块级元素会独占一行，可以设置宽度、高度等属性；而内联元素可以与其他元素在同一行显示，宽度由内容决定，无法设置宽度、高度等属性。