1.大体分为3类：
块状元素、内联元素(行内元素)、内联块状元素
常见块状元素：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
常见内联元素：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常见内联块状元素：
<img><input>
2.块级元素：
>将内联元素转为块状元素
a{display: block;}
>特点：
每个块级元素都是从新的一行开始，并且其后的元素也另起一行；
元素的高度、宽度、行高以及顶和底边距都可以设置；
元素的宽度在不设置的情况下，是父容器的100%。
3.内联元素：
>将块状元素设置为内联元素
div{display: inline;}
>特点：
和其他元素都在同一行上；
元素的高度、宽度以及顶和底边距都不可设置；
元素的宽度就是它包含的文字或者图片的宽度，不可改变。
4.内联块状元素：
>将元素设置为内联块状元素
xxx{display: inline-block;}
>特点：
和其他元素都在同一行上；
元素的宽度、高度、行高以及顶和底边距都可以设置。