0.常见的块级元素、行内元素、行内块元素
-
块级元素:
p h1~h6 div hr ul li ol dl dd dt form header main nav article section aside footer
-
行内元素:
span a b i u del s strong small big em sub sup
-
行内块元素:
img button input textarea select video audio
1.元素在文档流中的特点
-
块元素 block
- 块元素会在页面中独占一行(自上向下垂直排列) - 默认宽度是父元素的全部(会把父元素撑满) - 默认高度由内容撑开 - 可以设置margin\padding
行内元素 inline
- 行内元素不会独占一行,只占自身的大小
- 行内元素在页面中自左向右水平排列,如果一行之中不能容纳下所有的行 内元素,则元素会换行,自左向右排列。
- 默认宽度和高度都是被内容撑开
- 只能设置margin-left和margin-right、padding-left和padding-right
行内块元素 inline-block
- 行内块元素不会独占一行