CSS学习总结 基础篇元素显示模式

元素显示模式

什么是元素显示模式

元素显示模式就是元素(标签)以什么方式进行显示,比如< div>自己占-行，比如一行可以放多个< span>.
HTML分为块元素和行内元素两种类型。

块元素

常见的块元素有< h1>~< h6>. < p>. < div>. < ul>. < ol>. < li>等 ,其中**< div>标签是最典型的块元素。**
块元素的特点:

1. 独占一行。
2. 可以控制高度，宽度、外边距以及内边距。
3. 默认宽度是容器(父级宽度)的100%。
4. 本身是一个容器及盒子,里面可以放行内或者块级元素。

注意事项：

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

行内元素

常见的行内元素有**< a>、< strong>. < b>、 < em>、< i>、 < del>. < 5>. < ins>、 < u>、 < span>**等 ,其中
< span>标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
行内元素的特点:

1. 相邻行内元素在一行上, 一行可以显示多个。
2. 高、宽直接设置是无效的。
3. 默认宽度就是它本身内容的宽度。
4. 行内元素只能容纳文本或其他行内元素。