元素的显示模式
元素一般分为
块级元素
和行内元素
1. 块元素
常见的的块元素:<h1>-<h6>
,<p>
,<div>
,<ol>
,<li>
1.1 块元素特点
独占一行高度,宽度,外边距及内边距都可以控制宽度默认是容器(父级宽度)100%是一个容器盒子,里边可以放行内或者块级元素1.2 注意
文字类元素内不能使用块级元素如:<p>
,<h1>~<h6>
…2. 行内元素
常见的行内元素(内联元素):<a>
,<strong>
,<b>
,<em>
,<i>
,<del>
,<s>
,ins
,<u>
,<span>
2.1 行内元素特点
行内元素在一行上,一行可以显示多个宽高直接设置是无效的默认宽度就是它本省内容得宽度行内元素只能容纳文本或者其他行内元素2.2 注意:
链接里面不能再放链接特殊情况链接<a>
里可以放块级元素,此时建议将<a>
标签转化为块级元素3. 行内块元素
行内元素中<img/>
,<input/>
,<td>
他们同时具有块级元素和行内元素得特点3.1 行内块元素特点
和相邻得元素在同一行上(中间又空白缝隙)默认宽度是它本身内容得宽度高度,行高,外边距以及内边距都可以控制(块元素特点)4. 元素显示模式的转换
元素模式转换使用属性:
display