CSS元素显示模式

块级元素

常见的块元素主要有<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等等，其中div标签是最典型的块级元素。
块级元素的主要特点：

1. 独占一行；
2. 高度、宽度、内外边距都可以控制；
3. 宽度默认是父容器的100%；

注意

1. 文字类的元素内不能使用块元素
   <p>标签主要用于存放文字，因此里面不能放块元素，特别是<div>标签，不然会出现问题

可以看到，在浏览器内div标签被提取出来了，而且生成了两个p标签。

内联元素

常见的内联元素主要有<a>,<strong>,<b>,<em>,<i>,<span>,<ins>等等，span标签是最典型的内联元素。
内联元素的主要特点：

1. 一行可以显示多个元素；
2. 高宽设置是无效的；
3. 宽度默认是内容的宽度
4. 内联元素只能容纳文本或者其他元素