块级元素
每个块级元素通常会独占一行或者多行，可以对其单独设置宽度、高度以及对齐等属性。
常见的块级元素：h1~h6、p、div、ul、ol、li等
块级元素的特点：
1）块级元素会独占一行；
2）高度、行高、外边距和内边距都可以单独设置；
3）宽度默认是容器的100%；
4）可以容纳内联元素和块级元素。
行内元素
行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者图像大小来支撑结构。一般不可以设置宽度、高度以及对齐等属性。
常见的行内元素：a、strong、b、span、em、del等
行内元素的特点：
1）和相邻的行内元素在一行；
2）高度和宽度无效，但水平方向上的padding和margin可以设置，垂直方向上的无效。、；
3）默认宽度就是其本身的宽度；
4）行内元素只能容纳纯文本或者是行内元素（a标签除外）。
注意：
1）只有文字才能组成段落，因此类似p、h1~h6、dt等里面不能放块级元素，因为他们都是文字会计标签，里面不能再存放其他的块级标签；
2）链接里面不能再存放链接。
行内块级元素
再行内元素中有几个特殊的标签：img、input、td，可以设置他们的宽高度以及对齐属性。
行内块级元素的特点：
1）和响铃的行内元素在一行，但是中间会有空白的间隙；
2）默认的宽度就是其本身内容的宽度；
3）高度、行高、内边距和外边距都可以设置。
行内元素与块级元素相互转换的方法：
块转行内：display: inline;
行内转块：display: block;
块和行内元素转换为行内块元素：display: inline-block;
