塊級元素
特點:
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>