body 預設具有margin外邊距
這裡只是陳述一個事實,那就是body具有外邊距在預設情況下。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> body{ background:blue; } #box{ width:200px; height:100px; background:red; text-align:center; line-height:100px; } </style> </head> <body> <div id="box">螞蟻部落</div> </body> </html>
從上面的程式碼可以看出,box元素與外圍有一定的空隙,再來看一段程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> body{ background:blue; margin:0px; } #box{ width:200px; height:100px; background:red; text-align:center; line-height:100px; } </style> </head> <body> <div id="box">螞蟻部落</div> </body> </html>
上面的程式碼可以看出,空隙消失,說明body是具有外邊距的。
所以在正式些頁面之前,通常先重置一下樣式屬性,具體可以參閱css預重置樣式程式碼一章節。
相關文章
- body在預設情況下是具有margin外邊距的
- CSS margin外邊距CSS
- CSS margin 外邊距CSS
- CSS margin負外邊距CSS
- css中內邊距是padding,外邊距是marginCSSpadding
- CSS 外邊距(margin)重疊及防止方法CSS
- 負外邊距margin對寬度的影響
- 絕對定位對margin外邊距的影響
- margin外邊距疊加簡單程式碼例項
- 負外邊距margin對浮動元素的影響
- jquery包括margin外邊距的outerWidth或者outerHeightjQuery
- 深入理解CSS外邊距摺疊(Margin Collapse)CSS
- margin系列之外邊距摺疊
- jQuery offset()返回值與外邊距margin的關係jQuery
- float浮動元素不會有margin外邊距合併效果
- 負外邊距margin對於絕對定位元素的影響
- CSS 負外邊距CSS
- 用padding和margin撐起左右邊距padding
- CSS 右外邊距失效CSS
- CSS 外邊距合併CSS
- 外邊距與絕對定位
- matlab控制影象的邊界(margin),subplot的間距(gap)Matlab
- 表格的邊距 邊框設定
- CSS中父物件的內邊距是否對子物件的外邊距造成影響CSS物件
- iOS開發筆記 | 自定義具有內邊距的labeliOS筆記
- 前端面試必備——外邊距合併前端面試
- 外邊距在定位元素中的情況
- css相鄰選擇器設定li元素外邊距程式碼例項CSS
- 12.9學習日報(盒子模型和各類注意事項、margin垂直外邊距合併、頂部塌陷問題)模型
- 行級元素左右邊距及塊級元素上下邊距
- Android UI系列-----長度單位和內外邊距AndroidUI
- win10系統怎麼設定word頁邊距_win10設定word頁邊距的步驟Win10
- img圖片設定padding內邊距padding
- 頁邊距和頁首頁尾的設定
- CSS 右內邊距失效CSS
- CSS 盒子的邊距塌陷CSS
- CSS中的負邊距CSS
- 盒子模型的外邊距塌陷和合並問題及解決方案模型