目录

🍱 HTML 块元素和行内元素

# HTML 块元素

  • 块元素始终 在新一行 开始;
  • 块元素层叠在一起,并占据整个宽度;
  • 块元素可以彼此嵌套并包装行内元素

# <div>

是常见的块级元素,可用于组合其他 HTML 元素的容器。

  • 没有特殊的含义;
  • 如果同 CSS 一同食用,可用对于大的内容块设置样式;
  • 常见用途进行文档布局,取代使用 表格标签 的老式布局方法。

# HTML 行内元素(内联元素)

  • 不会再新一行开始;

  • 根据在 HTML 出现的顺序以此排列;

  • 仅占用其内容的宽度

  • 可以将行内元素嵌套在彼此内部;

  • 不能使用行内元素包装块元素;

  • 行内元素通常是比较小的内容,如单词。

    <strong>粗体</strong>
    <em>斜体</em>
    
    1
    2

# <span>

是常见的行内元素,可以用作文本的容器:

  • 没有特殊的含义;
  • 与 CSS 一同使用,设置文本的样式属性。
📢 上次更新: 2022/09/02, 10:18:16