在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別：塊狀元素、內聯元素(又叫行內元素)和內聯塊狀元素。
常用的塊狀元素有：
、、...、、、、、、、
常用的內聯元素有： 、、
、、、、、、、、
常用的內聯塊狀元素有：
什麼是塊級元素？在html中、 、、、和 就是塊級元素。設定display:block就是將元素顯示為塊級元素。如下**就是將內聯元素a轉換為塊狀元素，從而使a元素具有塊狀元素特點。
a塊級元素特點：
1、每個塊級元素都從新的一行開始，並且其後的元素也另起一行。（真霸道，乙個塊級元素獨佔一行）
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定乙個寬度。
在html中，、、、和就是典型的內聯元素（行內元素）（inline）元素。當然塊狀元素也可以通過**display:inline將元素設定為內聯元素。如下**就是將塊狀元素div轉換為內聯元素，從而使 div 元素具有內聯元素特點。
div內聯元素特點：......
我要變成內聯元素
1、和其他元素都在一行上；
2、元素的高度、寬度及頂部和底部邊距不可
設定；3、元素的寬度就是它包含的文字或的寬度，不可改變。
小夥伴們你們觀查一下右側**段，有沒有發現乙個問題，內聯元素之間有乙個間距問題，這個問題在本小節的 wiki 中有介紹，感興趣的小夥伴可以去檢視。
內聯塊狀元素（inline-block）就是同時具備內聯元素、塊狀元素的特點，**display:inline-block就是將元素設定為內聯塊狀元素。(css2.1新增)，標籤就是這種內聯塊狀標籤。
inline-block 元素特點：
1、和其他元素都在一行上；
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
CSS 學習筆記3 段落設定
doctype html html head meta charset utf 8 title css學習2 title style type text css ch wordstyle1 wordstyle2 wordstyle3 wordstyle4 k shi style head body ...
html與css學習筆記
定位之absolute和relative 一般設定了absolute或relative時，才設定right left left 50px 意思是左邊線距離定位盒子的左邊線50px 一般父盒子設定了position absolute display inline block float left ri...
html與css設計筆記
更新中 1 某些css樣式在有的網頁中可行，在有的網頁中不可行的問題。將網頁html 標籤之前的去掉即可。2 做超連結的時候有藍色邊框的問題 如解決辦法 在 裡面加border 0 屬性。3 form與 間有間隙的問題 給頁面新增樣式 body 4 英文撐破 的問題 給所有 新增樣式 td 5 xp...