常见块级元素:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>
特点:块级元素独占一行
高度,宽度,内边距,外边距都可以设置
宽度默认是容器的100%
可以容纳其他内联元素和块级元素
常见行内元素:<a>,<em>,<strong>,<b>,<span>,<del>
特点: 和相邻的行内元素在一行上
高度宽度无法设置,但是水平方向上的padding和margin可以设置,垂直方向上的无效
默认的宽度就是本身的宽度
只能容纳纯文本和其他行内元素(a除外)
两种模式的转换:
块级元素转行内元素:display:inline
行内元素转块级元素:display:block
块级,行内转换为行内块:display:inline-block