Html css边距/边框/填充对LI项目没有任何影响

在下面非常简单的html中，我无法将无序列表的边距/边框/填充设置为默认设置以外的任何设置。我试过“5em”，“50em”，“100px”…但没有任何效果

Chrome的“开发者工具”窗口显示了我的css，但使用了一种交叉字体。我知道这意味着我的css被某些东西覆盖了。但凭什么？有什么可能比此文件中的普通指令优先级更高

我知道我不需要同时摆弄边距、边框和填充，来得到我想要的（只不过是超宽的左缩进），但在边距：“05em”失败后，我试着看看是否有任何效果

ulli{
页边空白：“5em 5em 5em 5em”；
边框：“5em 5em 5em 5em”；
填充：“5em 5em 5em 5em”；
}

福

a
b
c

酒吧

CSS中使用的所有值都无效，因此它们被划掉，因为浏览器不理解它们

如下所示，我已经调整了这些值。首先，它们都不能被引用；仅引用某些值，例如单个值中有空格时

对于

填充

和

边距

，如果所有4个值都相同，则只需要一个值，否则：

• 两个值分别影响垂直<代码>和水平<代码>
• 三个值影响

  顶部

  ，

  水平

  ，然后影响

  底部

• 四个值影响

  顶部

  ，

  右侧

  ，

  底部

  ，然后影响

  左侧

但是，对于边框，它使用3个值定义所有4个边框： -定义线条宽度的宽度（1em、5px等） -线型（实线、虚线等） -颜色（

#FFF

，

rgba（255200,0,1）

）

要影响单个边框，需要使用

边框顶部

，

边框右侧

，边框底部，边框左侧`

编辑：我建议查看一些文档。我个人更喜欢MDN（Mozilla开发者网络）：

ulli{
边缘：1米；
边框：1em实心#000；
填充：1em；
}

福

a
b
c

酒吧

从CSS属性中删除引号：

ul li {
    margin: 5em;
    border: 5em solid #FF0000
    padding: 5em;
}

---

请注意，如果要使用相同的值4次，则作为捷径只能写入一次。注意边框值是如何设置的。

为什么这些值用引号括起来？还有

边框：5em 5em 5em 5em不是有效的CSS规则。当chrome在旁边用黄色的“警告”图标划掉规则时，这意味着这是一条无效的规则。可能的重复规则看起来像是CSS新手。请参考以下css属性。你可以澄清你的疑虑-，