Css html完全出血和居中

我正在尝试从头开始学习html/css，并且已经开始了一个小项目。我在这里研究了这些主题，但我发现它有点先进，希望有人能一步一步地向我解释，这样我就可以从中学到一些东西：）

挑战1： 我正在尝试垂直地获得全出血颜色。问题是我在颜色区域周围有一个白色的框架。我使用了下面的代码，使其在左侧和顶部边缘到边缘

margin-right: -8px;
margin-top: -8px;

但它不会一直走到右边的边缘。 我会在下面发布我的html和css。任何帮助都将不胜感激：）

HTML
新Div标签的内容在这里
CSS
#特征1{
高度：400px；
宽度：100%；
浮动：左；
背景色：#0CC；
左边距：-8px；
右边距：-8px；
}
#特点1_cont{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：36px；
利润率最高：7%；
左缘：7%；
最小宽度：300px；
最大宽度：600px；
背景色：#0F9；
}

挑战2： 我也有一个div内的3个div。我想他们的中心，使移动和始终在中心。但我只能让他们留在左边。代码如下

CSS
#feature2 { 
width: 100%;
heigt: 100%;
float: left;
background-color: #C96;
margin-left: -8px;
margin-right: -8px;

}

#feature2_cont {
width: 400px;
height: 400px;
background-color: #36F;
margin-top: 5%;
margin-left: 5%;
margin-bottom: 5%;
float: left;

}


HTML
<div id="feature2">
<div id="feature2_cont">Content for New Div Tag Goes Here</div>
<div id="feature2_cont">Content for New Div Tag Goes Here</div>
<div id="feature2_cont">Content for New Div Tag Goes Here</div>
</div>

CSS
#特征2{
宽度：100%；
高度：100%；
浮动：左；
背景色：#C96；
左边距：-8px；
右边距：-8px；
}
#功能2_cont{
宽度：400px；
高度：400px；
背景色：#36F；
利润率最高：5%；
左缘：5%；
利润底部：5%；
浮动：左；
}
HTML
新Div标签的内容在这里
新Div标签的内容在这里
新Div标签的内容在这里

挑战1:

删除

#feature1

上的负边距，并将

*{margin:0；padding:0；}

添加到css的顶部

挑战2:

---

移除

浮动：左侧和添加
边距：0自动
到
#功能2_cont
为什么不想在主体上使用
填充：8px
？我尝试过填充，但这扩展了div上的颜色范围。因此，它不是XX像素的颜色，而是XX+填充像素的颜色。还有，我还不明白它的区别：）挑战1解决了：）你能告诉我我刚才在那里做了什么吗？挑战2：这只是去掉了所有的间距，让他们调整。我遗漏了什么吗？当向
*
添加样式时，您的目标是所有元素。浏览器具有所有元素的默认样式，其中一些样式包括填充和边距。删除所有元素上的填充和边距可以添加所需的填充和边距量。避免被浏览器样式绊倒的一个好方法是在页面中添加CSS重置。谢谢你，埃里克！有没有更多的技巧来调整这些分区的中心位置？啊，酷。有没有可能让它们在水平线上而不是垂直线上？我一直在谷歌上搜索，但我能很好地处理它：）
CSS
#feature2 { 
width: 100%;
heigt: 100%;
float: left;
background-color: #C96;
margin-left: -8px;
margin-right: -8px;

}

#feature2_cont {
width: 400px;
height: 400px;
background-color: #36F;
margin-top: 5%;
margin-left: 5%;
margin-bottom: 5%;
float: left;

}


HTML
<div id="feature2">
<div id="feature2_cont">Content for New Div Tag Goes Here</div>
<div id="feature2_cont">Content for New Div Tag Goes Here</div>
<div id="feature2_cont">Content for New Div Tag Goes Here</div>
</div>