CSS之邊框

元素框的最內部分是實際的內容,直接包圍內容的是內邊距padding。內邊距呈現元素背景。

邊框以外是外邊距maggin,外邊距默認是透明的,不會遮擋其後的任何元素。

可以根據邊緣是否需要同內元素顏色一致來判斷選擇那種邊框。如果需要一個有區別的框,就選擇magin;如果需要一個跟元素背景一樣的框,選擇padding。

提示:背景應用於由內容和內邊距、邊框組成的區域。

margin是用來隔開元素與元素的間距;padding是用來隔開元素與內容的間隔。margin用於佈局分開元素使元素與元素互不相干;padding用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”。

margin-top不生效的情況(margin打折)

解決辦法:1.爲父級設置padding;2.爲父級設置border;3.爲父級設置overflow:hidden;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章