HTML中有很多的標簽(元素),可以按照這些元素在網頁中所占的空間情況進行分類。具體可以這樣簡單的分類: 1.塊級元素:指的是在網頁中該元素獨自占據網頁的一行顯示區域,即當使用了該元素後,該元素會使下一個元素在下一行展示,也就是產生換行;根據資料的定義是:標簽的display屬性值為block; 2 ...
HTML中有很多的標簽(元素),可以按照這些元素在網頁中所占的空間情況進行分類。具體可以這樣簡單的分類:
1.塊級元素:指的是在網頁中該元素獨自占據網頁的一行顯示區域,即當使用了該元素後,該元素會使下一個元素在下一行展示,也就是產生換行;根據資料的定義是:標簽的display屬性值為block;
2.行級元素:指的是網頁中該元素不會獨自占據網頁的一整行區域,使用該元素後,還可以直接在該元素的後面顯示另一個元素,也就是不會換行;或者根據資料的定義是:標簽的display屬性值為inline;
3.行內塊元素:這類元素的display=“inline-block”,它們的效果是:同樣不會換行,可以直接在後面顯示其他的元素。
具體代表:
1.塊級元素:
2.行級元素:
3.行內塊級元素:
使用小技巧:
1.一般情況下,不要使用行內元素嵌套塊級元素;
2.在佈局中,可以使用元素的display屬性,改變元素的預設類別。例如:將a 元素的display設為block後,可以作為塊級元素使用,這樣可以讓鏈接和其他的元素一起放在同一個塊中。