小编典典

我应该使用“边界:无”还是“边界:0”?

css

两种方法中的哪一种符合W3C标准?它们在浏览器中的表现均符合预期吗?

边界:无;
边界:0;


阅读 258

收藏
2020-05-16

共1个答案

小编典典

两者均有效。 这是你的选择。

我喜欢,border:0因为它更短。我觉得这更容易阅读。您可能会发现none更清晰。我们生活在功能强大的CSS后处理器世界中,因此我建议您使用您喜欢的任何东西,然后通过“压缩机”运行它。这里没有值得战斗的圣战。

综上所述,如果您要手写所有的生产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样式。它们具有相同的渲染结果:未显示任何内容。

2020-05-16