Html 去除填充物？

我怎样才能消除所有的空白，让所有的东西都互相接触？ 我正在为一个朋友免费建立一个网站，只是为了体验。所以是的，我知道它看起来是新手。这里是一切：

---

默认情况下，某些元素具有边距。在你的小提琴里，加上

h1，p，ul{margin:0}

或者更彻底地说,

*{margin:0}

---

不过我不能推荐。诸如此类的事情会使外观与自然状态相比发生太大的变化。

您指的是哪个空白？您希望站点的外观如何。您可能希望从HTML重置开始，例如哪个空间？首先，body元素具有文本对齐：居中；，因此，每个容器中都有以内容为中心的所有元素，这些元素在每个容器中都有空格。您是在谈论侧栏、主体等吗？您可以使用这些元素重置浏览器样式。检查。

h1{
    background-image: url(silver-955496_960_720.jpg);
    padding-bottom: 0;
}

#mainnav{ background-image: url(silver-313347_960_720.jpg);}

body {
    margin: 0;
    text-align: center;
}



.sidebar1{
    float:left;
    width: 20%;
    padding: 0 20px 0 10px;
    background-image: url(silver-955496_960_720.jpg);
    background-repeat: repeat-y;
    height:650px;}

.main{
   float: left;
    width: 60%;
    padding: 0 20px 0 20px;
    background-image: url(silver-313347_960_720.jpg);}




.sidebar2{
    float: right;
    width: 20%;
    padding: 0 10px 0 20px;
     background-image: url(silver-955496_960_720.jpg);
    background-repeat: repeat-y;
    height:650px;}


/*This will keep you from having "float drops"*/
*{box-sizing: border-box;}