主页 / computer / 问题 / 1715811
Accepted
WGroleau
Asked: 2022-04-12 15:32:55 +0800 CST

浏览器忽略 CSS？

  • 772

我在 CSS 文件中有这个：

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

在 MacOS 上，Safari 尊重页边距，但忽略了 font-family 和 font-size。我在 Firefox 中试了一下，font-family 和 margin 都得到了尊重。在两个地方都将“50”更改为“150”，并且在两个浏览器中都打开了 CSS 文件本身（即让浏览器显示实际内容）并单击刷新。看到内容变了。转到 HTML 页面并单击刷新。双方都没有改变。

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

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

我的 CSS 语法有问题吗？

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

fonts safari

1 个回答

  1. Best Answer

    单位？我假设你想要 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, ect 是可能的单位。

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

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

    为了文档的可读性（并且出于对人性的热爱）（使用内联样式意味着查看代码的人如果需要更改它会花费大量时间来弄清楚），几乎不应该使用内联样式。

    在边距上，有时或在某些情况下没有可折叠的边距。我很遗憾任何试图通过内联样式设置边距来调试边距的人。

    • 0

相关问题