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生效，又能夠和其餘行內元素並排。