瀏覽器盒模型

1.爲什麼需要盒模型?

每個html標籤類似一個盒子,有content,margin,padding,border等屬性。程序編寫的一個要點是控制變化和不變的部分,若是變化部分則可以將其抽離出來,以免影響不變的部分;若是不變的部分則可以將其獨立封裝起來,僅提供接口給外部調用。這個盒模型作爲程序中不變的部分優點是解耦和複用。

2.盒模型的類型

現在瀏覽器都支持box-sizing屬性,其中的content-box代表W3C盒子模型,而border-box代表IE盒子模型。區別在於盒子實際的寬高的計算方式不同。

在文檔頂部寫上<doctype html>瀏覽器則會以標準模式即W3C盒子模型來解析文檔。


發佈了81 篇原創文章 · 獲贊 8 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章