块级，行内，行内块元素

显示模式（display）的几个属性：
block-level（块级元素）：
常见标签：

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

h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,其中div标签是最基本的块元素。
块级元素的特点：
1.总是从新行开始
2.高度，宽度，外边距以及内边距都可以控制
3.宽度默认是页面的100%
4.可以容纳内联元素和其他块元素
inline-level：（行内元素）

行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度和高度对齐方式，常用来控制页面中文本的样式。
常见的行内元素有：

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

a,strong,b,em,i,del,s,ins,u,span,其中span标签是典型的行内元素。
行内元素的特点：
1.和相邻行内元素在一行上
2.高和宽无效，单水平方向的padding和margin可以设置
3.默认的宽度就是他本身内容的宽度
4.行内元素只能容纳文本或其他行内元素。
inline-block（行内块元素）：
在行内元素中有几个特殊的标签–,可以对他们设置宽高和对齐属性，有些资料称他们为行内块元素。
特点：
和相邻行内块在一行上，但是之间会有空白间隙
2.默认宽度就是他本身内容的宽度
3.高度，行高，外边距以及内边距都可以控制
3个注意点：
p标签：h1;文字类的块级元素
1.只有文字才能组成段落，因此p里面不能放块级元素，同理还有h1,h2,h3,h4,h5,h6,dt,ta他们都是文字类块级标签，里面不能放其他块级元素
2.链接里面不能放链接
3.a里面可以放块级元素