元素的分类:display属性 inline ， block， inline-block

display的常用的属性值，inline ， block， inline-block
块级元素
总是从新行开始
width、height、margin、padding都可以控制
宽度默认是页面的100%
可以容纳内联元素和其他块元素

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<div></div>
<p></p>
<ul></ul>
<ol></ol>
<li></li>

行内元素
和相邻行内元素在一行上
width、height无效，单水平方向的padding和margin可以设置
宽度默认是他本身内容的宽度
行内元素只能容纳文本或其他行内元素。

<span></span>
<u></u>
<ins></ins>
<s></s>
<del></del>
<i></i>
<em></em>
<b></b>
<strong></strong>
<a></a>

行内块元素
行内元素中有几个特殊的标签 ,可以设置宽高width、height和对齐属性，
所以称他们为行内块元素。

和相邻行内块在一行上，但是之间会有空白间隙
width、height、margin、padding都可以控制
默认宽度就是他本身内容的宽度

	<span>...</span>
	<a>...</a>
	<img/>
	<textarea>...</textarea>
	<button>..</button>
	<input>
	<br>
	<label>...</label>
	<select>...</select>
	<canvas>...</canvas>
	<progress>...</progress>
	<cite>...</cite>
	<code>...</code>
	<strong>...</strong>
	<em>...</em>
	<audio>...</audio>
	<video>...</video>