一、显示模块
1、块级元素
特点：
1.独占一行（一行只能显示一个)
2.宽度默认是父元素的宽度，高度默认由内容撑开
3.可以设置宽高
例如：
div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer.
2、行内元素
特点：
1.一行可以显示多个
2.宽度和高度默认由内容撑开
3.不可以设置宽高
例如：
a、span、b、u、i、s、strong、ins、em、del…
3、行内块元素
特点：
1.一行可以显示多个
2.可以设置宽高
例如：
input、textarea、button、select..
特殊情况：img标签有行内块元素特点，但是Chrome调试工具中显示结果是inline
4、元素显示模式转换
目的：改变元素默认显示特点
| 属性 | 效果 | 频率 |
|---|---|---|
| display:block | 转换成块级元素 | 较多 |
| display:inline-block | 转换成行内块元素 | 较多 |
| display:inline | 转换成行内元素 | 较少 |
二、扩展：标签嵌套
注意：
1、块级元素一般作为大容器，可以嵌套：文本、块级元素、行内元素、行内块元素等等…
但是：p标签中不要嵌套div、p、h等块级元素
2、a标签内部可以嵌套任意元素
但是：a标签不能嵌套a标签
以上内容为学习尚硅谷视频后整理
内容来源于网络如有侵权请私信删除
文章来源: 博客园
- 还没有人评论，欢迎说说您的想法！
客服
