HTML标签分类

HTML有N多标签，根据显示的类型，主要可以分为3大类
1、块级标签：

• 独占一行的标签
• 能随时设置宽度和高度（比如div、p、h1、h2、ul、li）

 <style>
        div{
            background-color: red;
            width: 200px;
            height: 50px;
        }

        p{
            background-color: yellow;
            width: 200px;
            height: 50px;
        }
    </style>

2、行内标签（内联标签）

• 多个行内标签能同时显示在一行
• 宽度和高度取决于内容的尺寸（比如span、a、label）

    <span>222222222</span><br>
    <span>222222222</span><br>
    <span>222222222</span>

3、行内-块级标签（内联-块级标签）

• 多个行内-块级标签可以显示在同一行
• 能随时设置宽度和高度（比如input、button）

input{
            width: 200px;
            height: 300px;
        }

虽然HTML当中提供了这三种类型的标签，但是开发当中只有这三种类型是远远不够的，比如我们希望同一行当中可以显示多个div标签，那怎么办呢，这个时候我们就需要用到CSS修改标签的显示类型：

CSS中有个display属性，能修改标签的显示类型，共有四种类型:

1. none：隐藏标签
2. block：让标签变为块级标签
3. inline：让标签变为行内标签
4. inline-block：让标签变为行内-块级标签（内联-块级标签）