您的当前位置:首页正文

html元素分类-鬼脸

2020-11-27 来源:爱go旅游网
目录

  • 块级元素
  • 内联元素
  • 内联块级元素
  • 总结
  • 一、块级元素(block)

    定义:默认情况下,独占一行的元素就是块级元素。

    特点:

    1. 每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
    2. 元素的高度、宽度、行高以及顶和底边距都可设置
    3. 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)。

    常见的块级元素:、

    ...

      、、、、、 、

      二、内联元素(inline)

      定义:内联元素,也叫行内元素。默认情况下,和其他元素在同一行上,并且元素的高度、宽度等不能设置的元素就是内联元素。

      特点:

      1. 和其他元素都在一行上;
      2. 元素的高度、宽度及顶部和底部边距不可设置;
      3. 元素的宽度就是它包含的文字或图片的宽度,不可改变。

      常见的内联元素:、、
      、、

      三、内联块状元素(inline-block)

      定义:默认情况下,和其他元素在同一行上,并且元素的高度、宽度等可以设置的元素就是内联元素

      特点:

      1. 和其他元素都在一行上;
      2. 元素的高度、宽度、行高以及顶和底边距都可设置。

      常见的内联块级元素:

      四、总结

      不管是哪种元素,他们之间都可以通过css中的display属性进行相互转换。

      显示全文
      Copyright © 2019- 版权所有