Html盒子模型學習總結

標籤：

Html的盒子模型

1.總的來說Html元素可以分為兩類：即塊狀元素和行內元素。

2.塊狀元素（Block）類型的元素可以設定Width和Height值屬性，而行內（Inline）類型無效。

3.瀏覽器在讀取Html原始碼的時候是根據元素在代碼中出現的順序讀取，是依據元素的盒子模型來決定的。即行內元素從左道右，塊狀

元素從上到下的順序來呈現。

4.塊級框從上到下一個接一個的排列，框之間的垂直距離是由框的垂直外邊距計算出來。

5.行內框在一行中水平布置，可以使用水平內邊距，邊框和外邊距調整他們的距離。

6.盒子模型在CSS中如果沒有給元素指定定位元模式，預設的認為Position定位為靜態定位，元素出現在正常流中，這是給元素指定Top,

bottom,right,left或者Z-index聲明無效。

 

文章摘自：艾維艾科技

Html盒子模型學習總結