☰

浏览器忽略 CSS？

tag-icon • tag-icon safari fonts firefox css
浏览器忽略 CSS？

我在 CSS 文件中有这个：

p {
    margin: 50;
    font-family: 'Lucida Grande', Verdana, sans-serif;
    font-size: 50px;
}

在 MacOS 上，Safari 尊重边距但忽略字体系列和字体大小。我在 Firefox 中尝试过，字体系列和边距都得到了尊重。在两个地方将“50”改为“150”，并在两个浏览器中打开 CSS 文件本身（即让浏览器显示实际内容）并单击刷新。看到内容发生了变化。转到 HTML 页面并单击刷新。两边都没有变化。

关闭两个浏览器，将 CSS 和 HTML 移至不同的 URI。打开 Safari 并删除所有缓存和 cookie。打开 Firefox 并将两个浏览器指向新位置。字体系列、边距或字体大小均无变化。

HTML 中没有内联样式。CSS 中没有提到这三个属性。

我的 CSS 语法有问题吗？

（尝试将其放在超级用户 SE 上但验证码已损坏。）

答案1

单位？我假设你想要 px。

p {
    margin: 50px;
    font-family: 'Lucida Grande', Verdana, sans-serif;
    font-size: 50px;
}

em、ex、%、px、cm、mm、in、pt、pc、ch、rem、vh、vw 等都是可能的单位。

内联样式是（但请不要）：

<p style="margin: 50px;">...</p>

为了文档的可读性（以及对人类的热爱）（使用内联样式意味着查看代码的人如果需要更改代码将花费大量时间来弄清楚），几乎永远不应使用内联样式。

在边距上，有可折叠的边距，但有时或在某些情况下不会折叠。我很同情那些试图通过内联样式设置边距来调试边距的人。

相关内容