CSS重置，常用元素的默认样式

在应用CSS重置后，我想恢复html元素的“正常”行为，如：p、h1..h6、strong、ul和li

现在，当我说normal时，我的意思是，例如，p元素在使用时添加间距或回车，或者h1标记的字体大小和粗体，以及间距

我意识到如何设置样式完全取决于我自己，但我想恢复一些更常见元素的正常行为（至少作为我以后可以调整的起点）。

你的意思是：

*{
填充：0；
保证金：0；
}
h1、h2、h3、h4、h5、h6、p、区块报价、表格、标签、ul、ol、dl、字段集、地址{
边缘底部：1米；
}

?

---

事实上，很抱歉我看错了你的问题，你想要的东西更像Eric Meyer的total reset@

YUI提供了一个基本CSS文件，可以在所有浏览器中提供一致的样式。它们还提供了一个CSS重置文件，因此您也可以使用它，但是您说您已经重置了CSS。有关更多详细信息，请访问。这就是我一直在使用的，而且效果非常好。

应用CSS样式的规则之一是“最后一个赢”。这意味着如果您的CSS重置样式将元素设置为

边距：0；padding:0

之后，您可以通过为相同元素声明所需的值来覆盖这些规则

您可以在同一个文件中执行此操作（YUI提供一行重置，我想是这样的，有时我会将其作为CSS文件的第一行包含在内），或者在重置CSS

标记后显示的单独文件中执行此操作

我认为正常行为是指“我最喜欢的浏览器的默认设置”。为这些元素建立CSS规则是重置练习的一部分

---

现在，您可能需要研究其他网格框架。这些网格框架几乎总是先将样式重置为零，然后为常用元素建立排版等。这可以节省您的时间和精力。

如果您想查看firefox的css默认值，请在发行版中查找名为“html.css”的文件（在同一目录中应该有其他一些有用的css文件）。您可以选择所需的规则，并在重置后应用它们

此外，CSS2标准还有一个。

“在应用CSS重置后，我想恢复html元素的“正常”行为…”

如果应用了重置，则必须为您认为正常的行为添加规则。由于每个浏览器的正常行为各不相同，所以这个问题有点不合逻辑。我喜欢@da5id的答案-使用众多可用重置之一，并调整它以满足您的需要。

查看YUI（雅虎的开源用户界面约定）

他们有一个基本样式表，可以撤消他们自己的重置css。 他们实际上并不建议您在生产中使用它，因为它会适得其反，但肯定值得查看该文件，以获取您想要“撤销”的相关代码片段

我建议你看40分钟的比赛，以跟上速度

下面是他们的base.css文件的一小段：

ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;    
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #000;
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}

下载下面的完整样式表或

---

|

我个人是一个超级粉丝。它可以跨浏览器重置样式，并提供一些非常方便的默认设置（90%的时间都是您想要的）。它还提供了一个布局网格，但如果不需要，您不必使用它。

:

h1{
显示：块；
字号：2em；
保证金：.67欧元0.67欧元0；
字体大小：粗体
}

:

h1{
显示：块；
字号：2em；
字体大小：粗体；
边缘：.67em 0；
}

---

如果搜索文件，其余的元素应该在那里。

与其使用完全的CSS重置，不如考虑使用类似“保留有用的默认值”的东西

---

要了解您的浏览器认为默认设置是什么，请打开一个包含列表的普通HTML文件，并使用类似CSS调试器的工具查看列表，然后查看

Computed

选项卡下的内容。

默认情况下，我不会重置所有元素，因为默认样式在某种程度上取决于浏览器，因此它们因浏览器而异。我没有使用类似于

ul，ol{list style:none；}

，而是添加了一个类似于

r

或

reset

的CSS类，然后我指定如果这是一个具有

r

类的

ul

，请将其重置或保持不变

---

顺便说一句，您需要将

class=“reset”

（例如）添加到所有这些元素中，这是额外的工作和代码，但是作为回报，您的所有默认样式都不会被更改

一旦为元素的CSS属性指定了值，就无法恢复该元素的“正常”值，假设“正常”表示“浏览器默认”，就像这里的意思一样。因此，让

h1

元素具有浏览器默认

font size

的唯一方法是根本不在CSS代码中为其设置属性

因此，要免除CSS重置中的某些属性和元素，您需要使用更有限的CSS重置。例如，您不能使用

*{font size:100%}

，而是用选择器列表替换

*

，例如

input，textarea{font size:100%}

（列表可能很长，但例如

font size

的浏览器默认值仅在少数元素上与100%不同）

当然，可以将属性设置为您希望成为浏览器默认值的值。无法保证这将在所有浏览器上产生预期效果，无论是当前浏览器还是未来浏览器。但是对于某些属性和元素，这是相对安全的，因为默认值往往是相似的

特别是，您可能会使用HTML5 CR中的部分。它描述了“预期呈现”——这不是一个要求，尽管浏览器供应商可能会决定声称符合这些要求（如果他们愿意）

h1 {
unicode-bidi: isolate;
display: block;
margin-top: 0.67em;
margin-bottom: 0.67em;
font-size: 2.00em;
font-weight: bold;
}