html元素类型

目录

一、块元素（块标签）

        1-1 特点：

        1-2 标签：

二、行内元素（内联标签）

        2-1 特点：

        2-2 标签：

三、行内块元素

        3-1 特点：

        3-2 标签：

四、标签嵌套规范

        1、块标签可以嵌套内联标签

        2、块标签不一定能嵌套块标签

        3、内联标签不可以嵌套块标签（a标签除外）

五、元素类型转换

一、块元素（块标签）

        1-1 特点：

                1、独占一行

                2、矩形区域

                3、默认情况下自上而下

                4、可作为其他元素的容器（盒子）

                5、可以设置宽高

        1-2 标签：

                div、p、ul、li、ol、dl、dt、dd、h1~h6……

二、行内元素（内联标签）

        2-1 特点：

                1、横着排，逐个显示

                2、不能定义宽和高（宽高有内容来决定）

                3、遵循盒模型基本规则

                4、无法实现上下边距，只能设置左右边距

                5、内联标签会有间隙，代码间换行产生的

        2-2 标签：

                a、b、em、i、br、span、strong、img

三、行内块元素

        3-1 特点：

                1、横着排，逐个显示

                2、能设置宽高

                3、支持上下左右边距

        3-2 标签：

                input、select

四、标签嵌套规范

        1、块标签可以嵌套内联标签

        2、块标签不一定能嵌套块标签

        3、内联标签不可以嵌套块标签（a标签除外）

                a标签解析时可以被忽略（W3C规范），a标签不能嵌套a标签

五、元素类型转换

        display:block（块元素）

        display:inline（行内元素）

        display:inline-block（行内块元素）