显示模式------行内元素、块元素，行内块元素

 1、块级显示模式：常见的块级元素有<h1>~<h6>,<p>,<ul>,<ol>,<li>

            最典型的是div标签

            特点：

                1.独占一行

                2.宽度、高度、外边距以及内边距都可以控制

                3.宽度默认是容器的100%

                4.是一个容器及盒子，里面可以放行内或者块级元素

            注意：

                1.p标签只能装文字，不能放块级元素

                2.h标签也是同样的

2.inline-value：行内元素也称为内联元素

            常见的行内元素：

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

                其中span最为典型 

        行内元素特点：

            1.相邻的行内元素在一行上排列，一行可以显示多个

            2.宽度和高度直接设置是无效的

            3.默认宽度就是他本身内容的宽度

            4.行内元素只能容纳文本或其他行内元素

        注意：

            1、<a>标签内不能再放<a>标签了

            2、特殊情况下a里面可以放块级元素，但是需要将a转换成块级模式

 3、行内块元素：inline-block

        常见的有；<img />,<input />,<td>,可以对他们设置宽高和对齐属性

        

        特点：

            1.相邻的行内元素在一行上，但是之间会有空白缝隙，一行可以显示多个

            2,默认宽度就是他本身内容的宽度

            3,高度，行高，外边距以及内边距都可以控制