行元素和块元素的区别

行元素、块元素的区别；行级块元素；元素转换，标签嵌套规则，空元素

1.行元素

（1）多个元素占一行

（2）不可以设置宽高

典型：span, a, b, label, select, button, strong, textarea

2.块元素

（1）一个元素占一行

（2) 可以设置宽高

典型：h1-h6, p, div, ul, ol, li

3.行级块元素

既有行级特性，又有块级特性 

典型：img， input

4.空元素     即没有内容的HTML元素

典型：br, meta, link, input, img

5.元素变换

使用display属性  

display：block   显示为块元素

display：inline  显示为行元素

display：inline-block  显示为行级块元素

6.标签嵌套规则

块级元素可以嵌套块级元素，可以嵌套行级元素，行级块元素 (h1-h6,p除外）

即为h1-h6,p标签中，不能再嵌套其他标签

行级元素只可以嵌套行级元素（a标签除外 a标签不可以嵌套a标签）

标签：行级,h1,区别,标签,元素,嵌套,display
来源： https://blog.csdn.net/zzz0010/article/details/121097707