Question

您好我有以下代码，如果我正确地使用它并以正确的方式使用它，我想知道它们应该分成不同的类。请解释为什么我做错了以及我应该使用什么作为html标签和*的默认值，我应该使用像html，body还是只用html？

*,  *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

同样适用于此：

html {
    font-size: 1em;
    line-height: 1.5;
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

Answer 1

应为box-sizing:border-box。

正式语法：content-box |填充盒|边界框

值得注意的是，您应该使用-moz前缀版本来支持当前版本的FF。幸运的是，未来版本(FF 29+) will support the property没有前缀。

*,  *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

使用它之前的盒子大小调整＆amp;包括保证金和填充后

1 个答案: