元素显示模式

目录

1.块级元素

2.行内元素

3.行内块元素

4.元素显示模块转换

5.拓展1：HTML嵌套规范注意点

---

标签可以叫做标记/元素

1.块级元素

显示特点：独占一行

                 宽度默认是父元素的宽度，高度默认由内容撑开（即div与body的宽度相同）

                 可以设置宽高

代表标签：div、p、h系列、ul、li等

2.行内元素

显示特点：一行可以显示多个

                 高度默认由内容撑开

                 不可以设置宽高（就算设置也不生效）

代表标签：a、span、b、u、i、s、strong、ins、em、del...

3.行内块元素

显示特点：一行可以显示多个

                 可以设置宽高

代表标签：input、textarea、button、select

特殊情况：img标签有行内块元素特点

4.元素显示模块转换

目的：改变元素默认的显示特点，让元素符合布局要求

语法：

属性	效果	使用频率
display:block	转换成块级元素	较多
display:inline-block	转换成行内块元素	较多
display:inline	转换成行内元素	较少

5.拓展1：HTML嵌套规范注意点

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

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

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

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