我正在努力在下面的HTML和CSS代码的行为。我知道盒子的布局和边缘折叠,但它似乎没有解释以下几点:css余量和填充新手问题
1)使用下面的代码,未修改,徽标显示与它之间约10px的空白和顶部该页面以及大约4或5个像素,但由#allcontent.background-color给出的颜色。有趣的是,如果我将body内的font-size属性设置为0px,则会删除徽标上方的所有空白区域以及其下方的4或5像素。
2)如果#allcontent内的填充值从0px更改为1px,则大约10px的填充实际上是使用#allcontent.background-color指定的颜色在徽标的上方和下方添加的。
index.html文件:
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Home
my.css文件:
body {
margin: 0px;
padding: 0px;
}
#allcontent{
background-color: #dddddd;
padding: 0px;
margin: 0px;
}
#header {
padding: 0px;
margin: 0px;
}
2011-07-04
David