CSS的元素显示模式:块内元素和行内元素。
块内元素:<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>标签最典型
。
特点:
(1)独占一行
(2)高度,宽度,外边距以及内边距都可以控制
(3)宽度默认是容器的100%
(5)是一个容器及盒子,里面可以放行内或者块内元素
注意:<p>中不能放<div>
。
行内元素(或内联元素):<a>,<strong>,<em>,<b>,<i>,<del>,<s>,<ins>,<u>,<span>等,其中<span>标签是最典型的行内元素
。
特点:
(1)相邻行内元素在一行上,一行可以显示多个
(2)高宽直接设置是无效的
(3)默认宽度是它本身内容的宽度
(5)行内元素只能容纳文本或其他的行内元素。
注意:链接里面不能再放链接
。
元素显示模式转换:一个模式的元素需要另一种模式的特性,比如拓宽的触发范围。
(1)转换为块内元素:display:block;
(2)转换为行内元素:display:inline;
(3)转换为行内快元素:display:inline-block