视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
html元素分类-鬼脸
2020-11-27 16:42:58 责编:小采
文档
 目录

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

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

    特点:

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

    常见的块级元素:、

    ...

      、、、、、 、

      二、内联元素(inline)

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

      特点:

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

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

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

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

      特点:

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

      常见的内联块级元素:

      四、总结

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

      下载本文
      显示全文