HTML标签的三种类型

2021年6月18日 2点热度 0条评论 来源: weixin_30322405

HTML标签的类型分为三种:行内元素,行内块元素,块级元素

而标签的属性是可以转换的

  display:inline: 转换为行内元素

  display:linline-block 转换为行内块元素

  display:block 转换为块级元素

 

特性:

  行内元素:

  1.无法设置宽高

  2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间;

    box-sizing:border-box;无效,因为该属性针对盒模型

  3.不会自动换行

 

  行内块元素:

  1. 不会自动换行

  2.能够设置宽高

  3.默认排列方式为从左到右

  4.可以使用text-align:center使内容相对于父盒子水平居中对齐,例如img标签,可以使用text-align:center,相对父盒子居中对齐.,margin:0 auto无效

  5.水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格.

 

  块级元素:

  1.能够识别宽高

  2.margin和padding的上下左右均对其有效

  3.可以自动换行

  4.多个块状元素标签写在一起,默认排列方式为从上至下

  5.可以使用margin:0 auto居中对齐

 

转载于:https://www.cnblogs.com/htmlli/p/8080584.html

    原文作者:weixin_30322405
    原文地址: https://blog.csdn.net/weixin_30322405/article/details/96771643
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。