Css 有人能帮我理解一些事情吗

您好，我有两个代码需要理解，第一个问题是当我没有告诉css这样做时，*如何摆脱我的LI列表样式这是摆脱要点的代码

 *{
 margin:0;
 padding:0;
 box-sizing:border-box;
 }

---

我的第二个问题是关于div类，我在facebook的html组成中寻找创意，我想知道为什么facebook在css中使用了很多div类，而我所看到的大多数代码都可以很容易地放在一个css类中。我理解css和代码是可重用的，但大多数只是用于一个div，而不是在任何地方使用否则，你为什么要为一个div使用多个css语句呢？这是因为可读性或优化，还是因为我遗漏了一些东西，对我的英语和标点符号感到抱歉，以便将

边距
和
填充
返回到
在使用
*
后设置它，请参见此处：

你问题的另一部分：我不知道facebook为什么会做这样的事情。但一个原因可能是，您有一个
div
作为事物的包装器。如果这个div有一个具有给定样式的类，并且您想在其他地方使用它们，那么只需要将该类设置为包装器。明白我的意思吗？
你应该写一些反映问题的文章标题，不要向用户寻求帮助。我不知道如何命名它lol，因为第一个问题不是我的li子弹需要去的问题，我想知道为什么它会发生，当我的css为li's甚至还没有开始编码，第二个问题对我来说真的不是一个问题，但想得到它背后的理解是的，我理解，我的第一个问题，我想知道为什么我的列表项目的要点不再显示，而我没有用css将目标锁定在li的项目上yet@aaronhead如果您在CSS中使用
*
（以及它所指的许多其他地方），则意味着您为每个元素设置了样式。这就是发生的事情。对所有（每个）元素都不设置边距和填充。这就是为什么您必须稍后重置。通常，您会在CSS文件的开头找到
*{some:style；}
，以重置默认浏览器行为。然后，您编写的以下所有样式都将被提供。使用
*
还可以为可能永远不需要或使用的元素设置样式。小心点。哦，好吧，我知道它与我最初的想法没有太大的不同，我认为它只会从元素中去掉边距和填充，而不是样式的所有其他部分，例如使项目符号紧靠文本，没有任何空白，这可以解释为什么我的css和html标记有问题我第一次使用*@aaronhead看看这个：这里还有一个带有

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
 }

ul, li {
    margin: 10px;
    padding: 10px;
}