16網頁前端CSS 盒子模型

2021-08-22 08:34:00 字數 498 閱讀 4402

一:盒子模型

1:內補白(內補丁)

padding:檢索或設定物件四邊的內部邊距,如padding:10px; padding:5px 10px;

padding-top:檢索或設定物件頂邊的內部邊距

padding-left:檢索或設定物件左邊的內部邊距

padding-right:檢索或設定物件右邊的內部邊距

padding-bottom:檢索或設定物件下邊的內部邊距

2:外補白(外補丁)

margin:檢索或設定物件四邊的外部邊距,如margin:10px;margin:5px auto;

margin-top:檢索或設定物件頂邊的外延邊距

margin-right:檢索或設定物件右邊的外延邊距

margin-bottom:檢索或設定物件下邊的外延邊距

margin-left:檢索或設定物件左邊的外延邊距

body

#ad

css盒子模型 前端系列 css盒子模型

1 盒子模型 下圖中可以看到,在設定width的時候,標準的盒子模型是不包括border和padding的,而在ie瀏覽器中是包括這兩項的。盒模型是有兩種標準的,乙個是標準模型,乙個是ie模型。標準模型中,盒模型的寬高只是內容 content 的寬高,預設正是w3c標準盒模型。而在ie模型中盒模型的...

css盒子模型 CSS 盒子模型

css 盒子模型基本上是面試的必考題,因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調,其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型,你可能會說我知道呀,就是 margin 包 border,border 包 padding,padding 包 content ...

前端入門 CSS盒子模型

屬性描述 padding 設定所有內邊距 padding left 設定左內邊距 padding right 設定右內邊距 padding top 設定上內邊距 padding bottom 設定底部內邊距 描述屬性 邊框樣式 border style 單邊框樣式 上 border top styl...