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

HTML中的元素可以分为两种类型：行内元素和块级元素。

行内元素：

1. 行内元素一般只占据它对应标签所包含的内容的大小，不会独占一行。
2. 行内元素只能容纳文本或其他行内元素。
3. 行内元素的高度、宽度、内边距和外边距都是无效的，不过可以通过设置line-height属性来改变行内元素的高度。
4. 常见的行内元素有a、span、img、input、select、textarea等。

块级元素：

1. 块级元素会独占一行，即使它的宽度比父级容器小，也会在新行开始渲染。
2. 块级元素可以容纳行内元素和其他块级元素。
3. 块级元素的高度、宽度、内边距和外边距都可以设置。
4. 常见的块级元素有div、p、ul、li、h1~h6等。

需要注意的是，HTML5中新增了一些元素，如article、section、nav、header、footer等，它们的默认样式是块级元素。同时，也可以通过CSS将一些行内元素转换成块级元素。