为什么我的CSS有8像素边框？

Question

我有一个8像素的边框，我想增加，但我无法找到它的来源。此外，如果我使用保证金，它会不成比例地增加边界。

CSS和整个项目可在此处获得： CSS Resume Project

    @font-face {
    font-family: "Open Sans";
    src: url(Open_Sans/OpenSans-Regular.ttf);
}
.global {
    /*border: solid 10px lightgray;*/
    border-radius: 25px;
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    /*position: absolute;*/
    top: 20px;
    margin-bottom: auto;
    padding-bottom: 20px;
    right: 20px;
    left: 20px;
    align-self: center;
}

h3 {
    font-weight: 300;
}

p {
    font-weight: 300;
}

body {
    background-color: lightgray;
}

任何帮助甚至拉动请求都将不胜感激。感谢。

Answer 1

因为它默认设置为margin，而user-agent-stylesheet看起来与此类似：

body {
  display: block;
  margin: 8px
}

所以，只需在margin

中重置body即可

body {
  margin:0
}

Answer 2

您可以通过添加此代码来重置/规范化代码！

body {
  margin: 0
}

Answer 3

正文元素的浏览器默认设置为 8px 边距。

您只需要更改正文标记的边距

body { 
    margin:20px;
}