CSS Resets 重置浏览器设置的默认 CSS 样式

  • Z时代
  • 2024-01-10
  • 分类：IT

每一个 Web 浏览器在渲染的内容的时候都已经设置了默认样式表，每个网络浏览器使用稍微不同的样式。也许一个按钮将会在一个浏览器使用一个填充为2像素的宽度，但另一个浏览器可能是填充了 3 像素。这些差异是对我们许多人来说微不足道，但他们担心一些设计师，让他们夜不能寐。这就是 CSS 重置样式表来发挥作用。

CSS Resets 重置浏览器设置的默认 CSS 样式

一个CSS样式表重置目标是设置默认的所有HTML元素到一个已知状态的造型。一个好的CSS重置将有效地“撤消”所有的默认样式的任何Web浏览器可以定义。CSS设计者可以建立自己的风格和感觉比较有信心，规则的设计将在所有浏览器和环境看起来一样。

CSS Resets特点

这里是你将要开始在应用 YUI Reset CSS:

  • 网页上的白色背景黑色文字

  • 用于设置为零的所有元素的margin和padding

  • 表格边框设置为零

  • 所有的字体大小100%座

  • 字体重量和字体样式设置为正常

  • 和更多的…

有一些 CSS 重置 Web 上可用的：

  • YUI 3: Reset CSS

  • Eric Meyer’s Reset CSS

  • Blueprint

  • HTML5 Reset Stylesheet

请注意， YUI 和 Blueprint 都包括一个 CSS 重置为一个更大的 CSS 框架的一部分。

我应该使用CSS重置？

这是一些辩论的主题。

有些人觉得一个CSS重置创建为设计师和Web浏览器的更多的工作–。设计师必须从零开始，会写更多的CSS样式规则来设计一个网页，已经被剥夺了一切美学的CSS重置。当然，浏览器也将更加努力工作来处理所有这些额外的规则和 瀑布。

但是，如果你在意的设计，以及如何设计将使整个宇宙，那么你不会介意任何额外的工作。CSS重置可以很好的。

使用方法

使用方法就是直接引入文件即可，但是必须在你自定义样式引入位置的前面，不然会覆盖您自己设置的样式：

<link rel="stylesheet" href="https://www.wenjiangs.com/wp-content/uploads/2019/04/css-resets.css">
<link rel="stylesheet" href="yourstyle.css" rel="external nofollow" >

一些评价

Eric Meyers

重置样式明确工作的很多人，不管是在修改后的形式。正如我所说的对复位页面，这些风格不应该被任何人独自离开。他们的出发点。如果一千人把他们创造了一千个不同的个性化的样式表，这将是关于钱的事。但这也没什么错把他们写自己的重写。如果你的作品，那么可怕。

对于其他人，重置样式是更多的障碍。这是唯一可以预料的；我们都以不同的方式。这里的关键，而我之所以作出批准上述评论，是你评估各种工具，关于他们如何与你做你想做的事情，然后选择使用什么工具，以及如何的思维方式，当。这是谁的人认真思考他们的手艺和努力做的更好的标记。

Hirvox

对我来说，关键问题是设计师准备承担整个用户体验的责任。每个重写默认的样式表是一个声明：“我知道更好的硬件设计，软件设计师和用户”。如果你重写的属性，在一些非正统的配置用户体验至关重要，你重写必须比原来的或接受你不想去，访客/客户提供最佳的用户体验。在这个意义上说，这是一个迭代的单一的争论已经持续了自Netscape Navigator和Internet Explorer取得市场优势后。

Matt Briggs

我真的很感激你在CSS重置理论在实践中，我发现他们有点痛。通常当我工作的造型的一页，我清爽与浏览器非常小的变化看怎么样。与复位，我结束了的情况下，通常我会从一个元素中删除一个风格，但会在相当一类做全局。因为复位是有效的，我甚至不想它直到我把页面元素，我通常不适用于这类和它的表现不应该的方式。然后我需要弄清楚它是复位，是造成这一问题，然后回到正确的风格钩的正确的事。

我真的认为这是一个见仁见智的问题然后什么。

Stan

CSS重置让我血液沸腾。他们是由设计师没有拥抱Web应用。他们认为他们还在设计名片和杂志的版面设计，没有同理心的用户有自己的地方设置。我想扼杀他们的黑色高领毛衣。

Tim

当我是一个电视台的站长我会用CSS重置定期因为网站要求或其他表或基于基于层的布局就不会正确显示网站的内容区域内。重置成了我生活的一个必要部分由于站点的我的工作是与破碎的性质，而我可以看到点hirvox和斯坦把以上，我觉得重置十分必要，如果你有一个特别的内容需要显示。最终，该网站需要优雅降级的CSS或者你的网站被unviewable人不会冲浪通过桌面浏览器的风险。

更多内容参见

  • 项目主页：http://odetocode.com/Blogs/scott/archive/2009/11/26/css-resets.aspx

  • 下载地址：https://developer.yahoo.com/yui/3/cssreset/

  • 本地下载地址：https://www.wenjiangs.com/wp-content/uploads/2019/04/css-resets.css

  • Normalize.css 重置浏览器元素样式

以上是 CSS Resets 重置浏览器设置的默认 CSS 样式 的全部内容， 来源链接： utcz.com/p/232093.html

回到顶部