Heim >Web-Frontend >HTML-Tutorial >body在默认情况下是具有margin外边距的_html/css_WEB-ITnose
body在默认情况下是具有margin外边距的_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:27:271912Durchsuche
body在默认情况下是具有margin外边距的:
这里只是陈述一个事实，那就是body具有外边距在默认情况下。
代码实例如下:
<!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元素与外围有一定的空隙，再来看一段代码实例:
<!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预重置样式代码一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18131
更多内容可以参阅:http://www.softwhy.com/divcss/
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：鼠标经过li元素鼠标变成小手代码实例_html/css_WEB-ITnoseNächster Artikel：绝对定位对margin外边距的影响_html/css_WEB-ITnose