块级元素、行内元素、行内块元素

  • 这是从浏览器的元素标签默认CSS样式的角度划分,因此在HTML5上不再提此概念。
  • 有些元素是不会在页面上显示,例如,也就不属于上面的任何一类。

    元素

    元素 -n起始标签(包含属性)+ 内容 + 结束标签
    空元素 -n只有起始标签,没有内容,没有结束标签
    属性 -n对标签信息的补充,当然这些信息是对JS引擎有用的
    **我的想法

  • DOM结构中有元素节点,在DOM操作中一般都是先找到元素节点,再进行操作

    块级元素block-level element

  • 独占一行

  • 元素可以设置宽高

    行内元素inline element

  • 不独占一行

  • 不可以设置元素宽高,只能通过里面的内容撑开。例如:包含文字的行内元素,默认文字内容高度是21px

**我的想法

  • 从DOM树的角度来看,块级元素可以有子节点。
  • 行内元素只能有固定的分支节点

    行内块元素inline-block element

  • 不独占一行

  • 可以设置宽高