Home >Web Front-end >HTML Tutorial >body在默认情况下是具有margin外边距的_html/css_WEB-ITnose
body在默认情况下是具有margin外边距的_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:27:271879browse
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/
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：鼠标经过li元素鼠标变成小手代码实例_html/css_WEB-ITnoseNext article：绝对定位对margin外边距的影响_html/css_WEB-ITnose