行元素、块元素的区别;行级块元素;元素转换,标签嵌套规则,空元素
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标签)