一、块元素 block element
块元素的特性
- 独霸一行,总是在新行上开始
- 默认宽度为父元素的100%,默认高度为本身内容的高度。
- 高度、行高、外边距、内边距都可以设置
-
可以容纳其他内联元素或者其他块元素
常见的块元素:
body、from、table、div、p、h1-h6、hr
二、行内元素 inline element
行内元素的特性
-
和其他元素都在一行上,遇到父级元素边界会自动换行
-
宽度、高度与内容一样宽,且不可改变
-
行内元素只能容纳文本或者其他行内元素
对于行内元素,需要注意的是:设置宽度width无效,设置高度无效,可以通过设置line-height来设置,设置margin只有左 右有效,上下无效,设置padding只有左右有效,上下无效