CSS中的塊級元素（block）與行內元素（inline）

css中有3種基本的定位機制：
普通流（相對定位實際上看做普通流定位模型的一部分）
浮動（float）
絕對定位（固定定位是絕對定位的一種）
所以在學習浮動之前，我們先要了解塊級元素與內聯元素（行內元素）。
塊級元素：塊級元素一般當做容器使用，既可以容納內聯元素也可以容納塊級元素，例如div和p。
常見的塊級元素:
（1）div：主要用來進行框架布局。
（2）h1～h6：用來設置不同級別的標題。
（3）p:創建段落，會自動在其前后創建一些空白。
（4）hr:用來創建分隔先。
（5）ol:創建有序列表。
（6）ul:創建無序列表。
塊級元素的特點：
1.塊級元素既可以容納內聯元素也可以容納塊級元素。
2.塊級元素在默認的情況下是獨占一行的。
3.塊級元素大小是可以控制的，css可以通過width與height設定高度和寬度。寬度默認值就是它所在容器寬度的100%。
4.塊級元素可以設置margin和padding屬性. 
5.塊級元素對應屬性display：block；
內聯元素：任何不是塊級元素的可見元素都是內聯元素。內聯元素只能夠容納文本或者內聯元素。
常見的內聯元素:
（1）strong：加粗強調。
（2）em：斜體強調。
（3）s：刪除線。
（4）u：下划線。
（5）a：超鏈接。
（6）span：常用行級，可定義文檔中的行內元素。
（7）img：圖片。
（8）input:表單。
內聯元素的特點：
1.內聯元素默認情況下可以和其他內聯元素元素在一行上。
2.內聯元素默認情況下的大小是不可以控制的。
3.內聯元素可以產生代碼換行和空格。
4.內聯元素對應屬性display：inline；
5.內聯元素只能容納文本或者內聯元素。
      內聯元素的margin和padding屬性,水平方向的padding-left,padding-right,margin-left,margin- right都產生邊距效果,但豎直方向的padding-top,padding-bottom,margin-top,margin-bottom卻不 會產生邊距效果.
      display：inline-block；可以讓元素具有塊級元素和行內元素的特性：既可以設置長寬，可以讓padding和margin生效，又可以和其他行內元素並排。