CSS的元素显示模式

1.什么是元素显示模式

        作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解它们的特点可以更好的布局我们的网页。

        元素显示模式就是元素（标签）以什么方式进行显示，比如<div>独占一行，比如一行可放多个<span>。

        HTML元素一般氛围块元素和行内元素两种类型。

2.块元素

        常见的块元素有：

<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>就是典型的块元素。

        块元素特点：

        ①比较霸道，独占一行。

        ②高度、宽度、外边距以及内边距都可以控制。

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

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

注意：

• 文字类的元素内不能使用块级元素
• <p>标签主要用于存放文字，因此<p>里面不能放块级元素，特别不能放<div>
• <h1>~<h6>同上

如：

<p>
   <div>111</div>
</p>

 生成样式虽然没问题，但是在F12可以看到，生成的代码会变成：