常用的块级元素 & 行内元素 & 行内块元素

块级元素(block)

div、p、h1~h6、ul、ol、dl、li、dd、table、
hr、blockquote、address、table、menu、pre,
HTML5新增的header、section、aside、footer等

属性

  1. 可以设置width和height属性。
  2. 设置了width属性也是独占一行、尽可能撑满父级元素的宽度
  3. table元素浏览器默认的display属性为table。

行内元素

span、img、a、lable、input、abbr(缩写)、em(强调)、
big、cite(引用)、i(斜体)、q(短引用)、textarea、select、
small、sub、sup,strong、u(下划线)、button(默认display:inline-block)

属性

  1. 宽度即为内容的宽度、padding的4个方向都有效、不可以设置width和height属性。
  2. 对于行内非替换元素,不会影响其行高,不会撑开父元素;而对于替换元素,则会撑开父元素
  3. margin只有水平方向有效

行内块元素

属性

  1. 支持宽高、外边距、内边距的所有样式的设置
  2. 其他和行内元素一样

results matching ""

    No results matching ""