1. 程式人生 > >html_css_塊與內聯元素

html_css_塊與內聯元素

塊與內聯元素

 

在佈局頁面的時候,會將HTML標籤(元素)分成兩種,塊狀元素和內聯元素(我們平時用到的標籤divp就是塊狀元素,連結標籤就是內聯元素),可以通過css修改元素的型別。

  1. 塊狀元素:{display:block

  一按便能是其他元素的容器,可容納內聯元素和其他塊狀元素,塊狀元素排斥其他元素與其位於同一行,寬度(width)和高度(height)起作用,如:divpbodyh1-h6

塊狀元素很霸道:能設定寬和高,獨佔一行

  1. 內聯元素{display:inline}

內聯元素只能容納文字或者其他內聯元素,它允許其他內聯與三怒與其位於同一行,但寬度(

width)和高度(height)不起作用。常見的內聯元素為aemspan

內聯元素很溫柔:

不能設高和寬

不影響換

就像橡皮筋包住字

思考:如何使內聯元素的寬,高起作用?

Display:block

Display:inline-block