块级元素
块级元素占据独立的空间，有以下特点：
独占一行或多行
宽度，高度，内外边距可以设置，且有效
宽度默认是父容器的100%
可以作为其他块级元素和行内元素的父容器（文本类块级元素不建议作为其他块级元素的容器，如p， h1~h6）
常见的块级元素有：div， h1~h6， hgroup， p， table， form， ul， ol， hr， header， main， footer， aside， article， section， video， audio， canvas， pre， option
行内元素
行内元素不占据独立空间，依靠自身内容撑开宽高，与同属一个父容器的其他行内元素在同一行上依次排列，根据white-space属性值来决定是否换行。它们具备以下特征：
不独占一行，但内容过长时会根据white-space控制换行。
宽度，高度的设置是无效的。内外边距只能设置左右方向（设置padding-top， padding-bottom， margin-top， margin-bottom是无效的）。但是有一点要注意，padding-top和padding-bottom对自身有表现效果，但是不影响周围元素的布局
