一、显示模块

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、元素显示模式转换

目的：改变元素默认显示特点

二、扩展：标签嵌套

注意：

1、块级元素一般作为大容器，可以嵌套：文本、块级元素、行内元素、行内块元素等等…

但是：p标签中不要嵌套div、p、h等块级元素

2、a标签内部可以嵌套任意元素

但是：a标签不能嵌套a标签

以上内容为学习尚硅谷视频后整理