HTML元素分类

风云长轩

已于 2022-07-14 16:51:49 修改

阅读量1.7k

点赞数 6

分类专栏：前端文章标签： html css css3

于 2022-07-13 15:38:15 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_39656119/article/details/125765258

版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML中的三种元素类型：块级元素、内联元素和内联块级元素。块级元素占据整行，可设置宽高及边距；内联元素在同一行显示，无法设置宽高；内联块级元素则结合两者特性，既可设置宽高又能在一行内显示。常见块级元素包括div、h1-h6等，内联元素有a、span等，内联块级如img、input。通过display属性可转换元素类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、分类

    HTML元素可以分为：块级元素、内联元素（行级元素）、内联块级元素（行内块级元素）

二、块级元素

    1、一个块级元素独占一行；
    2、元素的高、宽度、行高、margin、padding都可以设置；
    3、宽度不设置的情况下默认是父元素的100%；      
    4、常见的块级元素：div、h1-h6、ul、ol、dl、table；
    5、设置元素display：block可以将元素转换为块级元素。

三、内联元素

    1、和其他元素都在同一行上；
    2、元素的宽度和高度都不能设置；
    3、顶部和底部边距不能设置（margin-top,margin-bottom,padding-top,padding-bottom）;
    4、元素的宽度就是它包含的内容的宽度，不可改变；
    5、常用的内联元素有：a、span、br、strong、 em；
    6、设置display：inline可以将元素转换为内联元素

四、内联块级元素

    1、和其他元素都在一行上；
    2、元素的宽度、高度、边距（margin、padding）都能设置
    3、常见的内敛块级元素有：img、input；
    4、设置inline-block可以将元素转换为内联块级元素
    5、float：left/right、position：absolute/fixed可以将元素设置为内联块级元素