块元素和内联元素

• 块元素是指独占一行的元素，无论其内容多少都会独占一行
• 常见款元素：

div 、p 、h1到h5

• div属于典型的块元素

特点：与其他块元素相比，div不存在任何语义，不会对标签内的内容设置任何默认的样式
存在的目的就是为了实现页面布局

• 内联元素是指只占其自身大小的元素
• 常见的内联元素：

span、a、img、iframe

• span 属于典型的内联元素

特点：与其他的内联元素相比，span无任何实际语义
span标签是用来选中文本，然后为选中的文本设置样式

• 两者的区别与联系：
  div是块元素，是用于页面布局的，span是内联元素用于选中文本并为其设置样式

1.一般情况下只有块元素包含内联元素，而内联元素不能包含块元素

2. a元素是属于内联元素，但是a元素可以包含任何元素，除了它自身

3.p元素不能包含块元素

• 正确代码示例：

<div  style="color:red">
<p>我是圆圆爸爸</p>
</div>

<hr/>
<p>我是骑猪的爸爸，<span  style="font-size:40px">我的孩子叫圆圆，祝他顺利诞生！</p>

<hr/>
<a href="#">
<div>我是骑猪的爸爸</div>
</a>
<a href="#">
<p>我是骑猪的爸爸</p>
</a>

• 错误代码示例：

<span>
         <div>
           </div>
</span>