元素显示模式
什么是元素显示模式
元素显示模式就是元素(标签)以什么方式进行显示,比如< div>自己占-行,比如一行可以放多个< span>.
HTML分为块元素和行内元素两种类型。
块元素
常见的块元素有< h1>~< h6>. < p>. < div>. < ul>. < ol>. < li>等 ,其中**< div>标签是最典型的块元素。**
块元素的特点:
- 独占一行。
- 可以控制高度,宽度、外边距以及内边距。
- 默认宽度是容器(父级宽度)的100%。
- 本身是一个容器及盒子,里面可以放行内或者块级元素。
注意事项:
- 文字类的元素内不能使用块元素
- < p>标签主要用于存放文字, 因此 < p>里面不能放块级元素,特别是不能放< div>
行内元素
常见的行内元素有**< a>、< strong>. < b>、 < em>、< i>、 < del>. < 5>. < ins>、 < u>、 < span>**等 ,其中
< span>标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
行内元素的特点:
- 相邻行内元素在一行上, 一行可以显示多个。
- 高、宽直接设置是无效的。
- 默认宽度就是它本身内容的宽度。
- 行内元素只能容纳文本或其他行内元素。