-
常见块级元素有:
html、body、div、header、footer、nav、section、aside、article、p、hr、 h1~h6、ul、ol、dl、form、table、tbody、thead、tfoot、tr等; -
常见行内元素有:
span、a、img、textarea、button、input、br、label、select、canvas、progress、cite、code、strong、em、audio、video,b, i, strong等
block元素的特点
- 总是在新行上开始,独占一行(霸道);
- 高度,行高以及外边距和内边距都可控制;
- 宽度是它的容器的100%,除非设定一个宽度。
- 它可以容纳内联元素和其他块元素
inline元素的特点
- 和其他元素都在一行上;
- 高,行高及外边距和内边距不可改变;
- 宽度就是它的文字或图片的宽度,不可改变
- 内联元素只能容纳文本或者其他内联元素
inline-block元素特点(兼顾 bolck 和 inline)
- 和其他元素都在一行上;
- 高度,行高以及外边距和内边距都可控制;
- 宽度是它的容器的100%,除非设定一个宽度。
- 它可以容纳内联元素和其他块元素