块级元素
特点:
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时,默认为100%
4.块级元素中可以包含块级元素和行内元素
5.块级文字元素中不能放入其他块级元素
6.块级大多为结构性标记
常见块级元素:
<h1> <h2> <h3> <h4> <h5> <h6> <hr> <p>
<ul> 无序列表
<ol> 有序列表
<div>
行内元素
特点:
1.和其他元素都在一行
2.高度、宽度以及外边距上下都是不可控的
3.宽高就是内容的高度,依靠自身字体大小和图形支撑结构的,不可以改变
4.行内元素只能行内元素,不能包含块级元素
5.行内元素的paddding可以设置
6.margin只能够设置水平方向的边距,即:margin-left和margin-right,设置margin-top和margin-bottom无效
7.块级大多为结构性标记
常见行内标签:
<span>...</span>
<a>...</a> 超链接
<strong>...</strong> 重要文本
<em>...</em> 强调文本
空元素:
<br> <hr> <img> <input> <link> <meta>