1、块级显示模式:常见的块级元素有<h1>~<h6>,<p>,<ul>,<ol>,<li>
最典型的是div标签
特点:
1.独占一行
2.宽度、高度、外边距以及内边距都可以控制
3.宽度默认是容器的100%
4.是一个容器及盒子,里面可以放行内或者块级元素
注意:
1.p标签只能装文字,不能放块级元素
2.h标签也是同样的
2.inline-value:行内元素也称为内联元素
常见的行内元素:
<a>,<b>,<strong>,<em>,<del>,<i>,<s>,<ins>,<u>,<span>等
其中span最为典型
行内元素特点:
1.相邻的行内元素在一行上排列,一行可以显示多个
2.宽度和高度直接设置是无效的
3.默认宽度就是他本身内容的宽度
4.行内元素只能容纳文本或其他行内元素
注意:
1、<a>标签内不能再放<a>标签了
2、特殊情况下a里面可以放块级元素,但是需要将a转换成块级模式
3、行内块元素:inline-block
常见的有;<img />,<input />,<td>,可以对他们设置宽高和对齐属性
特点:
1.相邻的行内元素在一行上,但是之间会有空白缝隙,一行可以显示多个
2,默认宽度就是他本身内容的宽度
3,高度,行高,外边距以及内边距都可以控制