这两种方法中哪一种符合 W3C 标准?它们在浏览器中的行为是否都符合预期?
边框:无; 边框:0;
两者都是有效的。 这是你的选择。
我更喜欢border:0,因为它更短;我觉得这更容易阅读。你可能会发现none更清晰。我们生活在一个功能强大的 CSS 后处理器的世界中,所以我建议你使用任何你喜欢的东西,然后通过“压缩器”运行它。这里没有值得一战的圣战,但 Webpack 鈫扡ESS 扨ostCSS 扨urgeCSS 是一个很好的 2020 堆栈。
border:0
none
总而言之,如果您是手写所有生产 CSS,我认为“尽管评论中有抱怨” ,但注意带宽并没有什么坏处 。使用它自己border:0 会 节省无限量的带宽,但如果你 把每个字节都计算在内 ,你会让你的网站更快。
CSS2 规范在这里。这些在 CSS3 中进行了扩展,但与此无关。
'border' Value: [ <border-width> || <border-style> || <'border-top-color'> ] | inherit Initial: see individual properties Applies to: all elements Inherited: no Percentages: N/A Media: visual Computed value: see individual properties
您可以使用宽度、样式和颜色的任意组合。 在这里, 0设置宽度,none样式。它们具有相同的渲染结果:没有显示任何内容。
0