常用的块级元素 & 行内元素 & 行内块元素
块级元素(block)
div、p、h1~h6、ul、ol、dl、li、dd、table、
hr、blockquote、address、table、menu、pre,
HTML5新增的header、section、aside、footer等
属性
- 可以设置width和height属性。
- 设置了width属性也是独占一行、尽可能撑满父级元素的宽度
- 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)
属性
- 宽度即为内容的宽度、padding的4个方向都有效、不可以设置width和height属性。
- 对于行内非替换元素,不会影响其行高,不会撑开父元素;而对于替换元素,则会撑开父元素
- margin只有水平方向有效
行内块元素
属性
- 支持宽高、外边距、内边距的所有样式的设置
- 其他和行内元素一样