HTML中的標簽元素大體被分為三種不同的類型：塊狀元素，內聯元素，內聯塊狀元素。
常用塊狀元素：
<div> ? ? ?<p> ? ? ?<h1>.....<h6> ? ? ? <ol> ? ? ?<ul> ? ? <table>
<address> ? ?<biockquote> ? ?<form>
注：設置display:block代碼，可以將內聯元素轉換成塊狀元素，如：
a{display:block;} ? ? ? ? ? ? ? ?/ /內聯元素a轉換成了塊狀元素
塊狀元素特點：
1. 每個塊狀元素都從新的一行開始，而且他后面的所有元素也另外一行，（他一個塊狀元素獨自占據一行）
2. 元素的高度，寬度，行高以及頂和底邊距都可以設置
3. 元素在沒有設置高度的情況下，默認是他本身父類容器的100%
常用的內聯元素（行內元素）有：
<a> ? ? ?<span> ? ? <br> ? ? <i> ? ? ?<em> ? ? <strong> ? ? <label> ? ? <q> ? ? <var> ? ? <cite> ? ?<code> ? ?
注：塊狀元素可以用display:inline轉換成內聯元素，如：
div{display:inline;}? ? ? ? ? ? //將塊狀元素div轉換為內聯元素，從而使 div 元素具有內聯元素特點。
內聯元素特點：
1. 和其他元素都在一行上面
2. 元素的高度，寬度以及頂部和底部邊距不可以設置
3. 元素的高度就是它包含的文字或圖片的寬度，不可以改變
常用的內聯塊狀元素有：
<img> ? ? <input>
所謂的內聯塊狀元素就是同時具備內聯元素，塊狀元素的特點，使用display:inline-block就是將元素設置為內聯塊狀元素。
特點：
1. 和其他元素都在一行上
2. 元素的高度，寬度，行高以及頂和底邊距都可以設置
盒模型
盒子模型的邊框就是圍繞著內容及補白的線，這條線你可以設置它的粗細、樣式和顏色(邊框三個屬性)
如下面代碼為 div 來設置邊框粗細為 2px、樣式為實心的、顏色為紅色的邊框：
div{
? ? ? ?border:2px ? solid ?red; ? //這是簡寫
}
下面是詳細的寫法
div{
border-width:2px; ? ? ? ? //邊框的粗細為2px
border-style:solid; ? ? ? ?// ?邊框用的是實線
border-color:red; ? ? ? ? // 邊框顏色為紅色
}
1. border-style常見的樣式有： dashed（虛線），dotted（點線），solid（實線）
2. border-color中的顏色可以設置為十六進制的顏色 如：#888；
3. border-width邊框的寬度可以設置為：thin，medium，thick
單獨的邊框
如果想設置一個方向的邊框，可以這樣寫：
div{border-bottom:1px .......;} ?//我們單獨設置了單獨的下邊框，還可以使用top,left,right
盒模型的寬度與高度
設置width與height就可以了
填充（內邊距）
里面內容與容器的邊距，padding-top，padding-bottom，padding-left，padding-right，padding（四個方向同時設置）
邊界（外邊距）
容器與容器之間的邊距，同樣margin-top 。。。。。。。。等等
