在css样式中html的页面里的标签元素大体被分为3种不同的类型：
块状元素、内联元素（行内元素）和内联块状元素。
常用的块状元素有：
<div>、<p>、<h1>~<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
使用{display:block;}设置块状元素。
每一个块状元素都在新的一行开始，并且其后的元素也另起一行，一个块状元素独占一行。
块状元素的高度、宽度、行高、顶部、底部、边距都可以设置。
块状元素宽度在不设置的情况下，是它本身父容器的100%和父元素的宽度一致除非另外设定一个宽度。
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
使用{display:inline;}设置块状元素。
内联元素和其它元素都在同一行上面，内联元素的高度、宽度、行高、顶部、底部、边距都不可以设置。
内联元素的宽度就是它包含的文字或图片的宽度不可改变。
常用的内联块状元素有：
<img>、<input>
使用{display:inline-block;}设置块状元素。
内联块状元素和其它元素都在同一行上，元素的高度、宽度、行高、顶部、底部、边距都可以设置。
{background:属性值;}设置标签背景颜色。
