HTML中有不少的標籤(元素),能夠按照這些元素在網頁中所佔的空間狀況進行分類。具體能夠這樣簡單的分類:佈局
1.塊級元素:指的是在網頁中該元素獨自佔據網頁的一行顯示區域,即當使用了該元素後,該元素會使下一個元素在下一行展現,也就是產生換行;根據資料的定義是:標籤的display屬性值爲block;3d
2.行級元素:指的是網頁中該元素不會獨自佔據網頁的一整行區域,使用該元素後,還能夠直接在該元素的後面顯示另外一個元素,也就是不會換行;或者根據資料的定義是:標籤的display屬性值爲inline;blog
3.行內塊元素:這類元素的display=「inline-block」,它們的效果是:一樣不會換行,能夠直接在後面顯示其餘的元素。技巧
具體表明:im
1.塊級元素:img
2.行級元素:di
3.行內塊級元素:inline-block
使用小技巧:標籤
1.通常狀況下,不要使用行內元素嵌套塊級元素;co
2.在佈局中,能夠使用元素的display屬性,改變元素的默認類別。例如:將a 元素的display設爲block後,能夠做爲塊級元素使用,這樣能夠讓連接和其餘的元素一塊兒放在同一個塊中。