1.块元素

    常见的块元素有<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>是最典型的。

 （1）比较霸道，自己独占一行。

 （2）宽度，高度，外边距以及内边距都可以控制。

 （3）宽度默认是容器（父级宽度）的100%

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

        注意：文字类的元素内不能使用块元素，例如<h1>~<h6>,<p>,都不允许放<div>。

2.行内元素

 特点：

        （1）相邻行内元素在一行上，一行可以显示多个。

        （2）高、宽直接设置是无效的。

        （3）默认高度就是它本身内容的宽度。

        （4）行内元素只能容纳文本或其他行内元素。

        注意：链接里面不能在放链接了

                特殊情况链接<a>里面可以放块级元素，但是给<a>转换一下块级模式最安全。

3.行内块元素

特点：

        （1）和相邻行内元素（行内快）在一行上，但是他们之间会有空白缝隙，一行可以显示多个（行内快元素）。

        （2）默认高度就是它本身内容的宽度（行内元素特点）。

        （3）宽度，行高，外边距以及内边距都可以控制（块级元素特点）。

4.元素显示模式转换

        转换为块元素：display ：block；

        转换为行内元素：display：inline；

        转换为行内块：display：inline-block；