行级元素、块级元素、行级块元素
简单的介绍html标签元素
- 行级元素
- 块级元素
- 行级块元素
行级元素特点及例子(inline)
- 内容决定元素所占位置
- 不可以通过css改变高宽
- 例子：span strong em a del
块级元素特点及例子(block)
- 独占一行
- 可以通过css改变高宽
- 例子：div p ul li ol form address
行级块元素(inline-block)
内容决定大小
- 可以通过css改变高宽
- 例子：img
这几个元素可以通过display属性来转换
| 元素 | 属性值 |
|---|---|
| 行级元素 | inline |
| 块级元素 | block |
| 行级块元素 | inline-block |
小知识
- 凡是带有inline属性的，都带有文字特性，中间有空格的会出现4像素的距离。如：多个img标签一行一行的使用，会出现每张图片有4像素的距离
- 可以通过css改变高宽
- 例子：div p ul li ol form address