行内元素、行内块元素、块级元素

行内元素、行内块元素、块级元素

块标签：div p h1-h6 hr ul ol li form

特点：

1. 支持宽高，自上而下排列
2. 不受空格影响
3. 一般用于其他标签的容器
4. 默认独占一行

行内标签：span i label

特点：

1. 不支持宽高（宽高根据内容大小自动撑开），自左向右排列
2. 受空格影响
3. 不独占一行

行内块标签：img textarea input

特点：

1. 支持宽高，自左向右排列
2. 受空格影响
3. 不独占一行

标签之间的转换

• display：inline（转为行内元素）
• display：inline-block（转为行内块元素）
• display：block（转为块元素）
• display：none（隐藏 不显示）