厦门电子网站建设/google play官网

重置css

每个Web浏览器都使用基本样式表。 当您不提供自定义CSS时，它可以确保HTML呈现得相当好。 您知道这种情况：蓝色表示未访问的链接，紫色表示已访问的链接，粗体表示strong标记， h1标题表示较大的文本等。不幸的是，供应商喜欢使我们的生活变得复杂，每个浏览器使用不同的基础。 那么，如何确保自定义CSS不受特定设备上实现的默认样式的影响？

输入CSS重置。 这些去除大多数样式，因此元素在浏览器中始终呈现。 通常，所有字体和行高都还原为100％，边距和填充设置为0px，边框被删除，有序/无序列表变为无样式。

埃里克·梅耶（Eric Meyer）CSS重置是最早CSS重置之一，也是最著名和最常用的。 HTML5 doctor的HTML5重置样式表还可以帮助设置较新的元素。 还有其他几个-CSSReset.com提供了很多选择和文档。

您是否使用CSS重置？ 你应该？

我查看了30个网站的随机集合，其中大多数使用CSS重置。 优点很明显：

1. 他们提供一块空白的画布； 应用的任何样式（几乎）肯定是您自己的。
2. 开发可能更合乎逻辑：您要添加样式，而不是删除或修改样式。
3. 浏览器兼容性问题可以最小化。

尽管有这些优点，但我不使用CSS重置。 实际上，这不是很正确-我经常使用基本边距和填充重置，因为默认值很少有用：

* { padding: 0; margin: 0; }

这会影响每个标签，一些开发人员会告诉您这会造成严重破坏或CSS处理速度变慢。 我还没有遇到过麻烦的情况。

我CSS重置主要问题是：

额外页面重量
大多数CSS重置会增加大约2Kb的代码（未压缩）。 听起来可能不多，但是当我的大多数CSS文件很少超过10Kb时，这是很大的开销。

额外的努力
CSS重设要求您重新设置所有元素的样式-这进一步增加了文件的重量。 不过有时候，我对浏览器的默认设置感到满意。 字体粗细，行高，链接轮廓，项目符号光盘和其他样式通常都很好。 如果不是，我将对其进行相应的更改。

不同的浏览器呈现页面的方式不同
没有两个浏览器是相同的，但是有些人希望在所有设备上都能获得完美的像素渲染。 CSS重置通常给人以实现此目标的印象。 不是。

就个人而言，我不介意Firefox中的标题是否比IE大2像素，或者Opera的“粗体”概念比Chrome略重。 CSS重置永远不会为您解决这些问题。

他们不会否定浏览器测试的需要
我不认为CSS重置有助于提高浏览器的一致性。 您必须在尽可能多的设备中测试站点或应用程序，以便解决由代码或浏览器引起的错误和错误。

它们不适合我的工作流程
我不喜欢CSS框架。 我很少遇到将通用CSS方法应用于正在构建的网站的情况。 我可能会从其他地方复制一些代码片段，但总的来说，我更喜欢从一个空文件开始。 它仍然是我的代码，当出现错误时，我确切知道要去哪里。

尽管不那么复杂，但是CSS重置是一个框架，可以引入意外的结果。

他们不节省时间
CSS重置曾经节省您数小时的开发时间吗？

在遭受愤怒CSS重置粉丝暴动之前，我并不是说您永远不要使用它们。 他们可能会为您工作，这很好。 我怀疑它们对于Web开发新手也很有用。 但是，您是否要添加CSS重置是因为它真正有用，还是已经成为一种开发习惯？

作为测试，请尝试从您的网站中删除重置样式，以查看是否有很大的不同。

您是否使用CSS重置？ 您最近是否采用或放弃了这种做法？ 他们有帮助吗？

翻译自: https://www.sitepoint.com/css-resets-useful-or-useless/

重置css