行内元素、行内块元素、块级元素
块标签:div p h1-h6 hr ul ol li form
特点:
- 支持宽高,自上而下排列
- 不受空格影响
- 一般用于其他标签的容器
- 默认独占一行
行内标签:span i label
特点:
- 不支持宽高(宽高根据内容大小自动撑开),自左向右排列
- 受空格影响
- 不独占一行
行内块标签:img textarea input
特点:
- 支持宽高,自左向右排列
- 受空格影响
- 不独占一行
标签之间的转换
- display:inline(转为行内元素)
- display:inline-block(转为行内块元素)
- display:block(转为块元素)
- display:none(隐藏 不显示)