问题标签 [normalize-css]

我知道 CSS Reset 是什么，但最近我听说了一个叫做 Normalize.css 的新东西

Normalize.css和Reset CSS有什么区别？

规范化 CSS 和重置 CSS 有什么区别？

它只是 CSS 重置的一个新流行词吗？

我在 JSFiddle 上尝试了一些带有 HTML 中无序列表的代码，我很生气地发现其中的项目符号<ul>不会无缘无故地显示。在我的代码上尝试不同的东西时，我终于意识到我需要取消选中 jsfiddle 页面上的“规范化 css”选项。

在那之后，我用谷歌搜索了它实际上是什么，并从 W3C.org阅读了这个页面。这个页面只讨论变音符号和口音，我明白了。但是为什么没有在检查规范化 css 选项的情况下显示项目符号？如果您选择该选项，还会影响哪些其他事项？

谢谢你进来看看。

我只是迈出了进入 SASS 世界的第一步。我设置了所有内容，创建了一个新项目并下载了normalize.css.

在包含我所有 SASS 文件的文件夹中，我有一个名为“normalize”的文件夹。它包含一个名为 的文件normalize.scss，该文件包含一个 mixin，该文件再次导入其他一些包含实际 CSS 代码的 mixin。
在我之上，我screen.scss只是有@import "normalize/normalize";.

screen.scss被编译成screen.css，供我的index.html. 在浏览器中查看该页面，规范化已生效。但是当我查看时screen.css，我没有看到规范化代码。

为了确保我正在导入/加载正确的文件，我将其粘贴在normalize.scss:之上/*! normalize.css v2.1.1 | MIT License | git.io/normalize */。

由于此评论确实出现在 中screen.css，我知道我使用了正确的文件，但仍然：实际的规范化 CSS 代码没有出现在screen.css浏览器中但仍然生效是否正常？这应该如何工作？

I have been doing web design for a little over a year now, but still have strange things happen on the front end sometimes. I am creating a simple template for personal use using the following code:

If I view this code in my Chrome browser, it appears that the body is shifted about 15px down from the html tag. However, my css explicitly tells the html and body tags to have no padding or margin. So why is there this space?? This has happened before and I am not really sure how I solved it. There must be some obvious answer. Here is my css too.

我正在使用 css 重置，但是我想要一个列表样式类型的列表。我该怎么做，规范化总是在重置我的样式。

js 菲德尔代码

在 css 的末尾，我试图按类设置列表的样式，但它不起作用。

HTML

css

我一直在想，同时使用 normalize.css 和某种 CSS 重置会有什么大问题吗？我一直在挖掘，我遇到的所有文章都只是以非此即彼的方式谈论它们，但没有将两者结合起来。

诚然，我在规范化 CSS 方面几乎没有经验，但对我来说，使用 normalize.css 以接近理想的跨浏览器一致性开始似乎是理想的，然后添加您选择的 CSS 重置。

这种方法会有什么问题吗？

谢谢。

我一直在互联网上寻找标准化我的网站 CSS 的最佳方法。

我读过：

• 条件样式表；
• CSS 重置；
• 规范化.css;
• 初始化；
• HTML5样板；

我知道最后两个有很多其他特性，但它们也给你一些 CSS 规范化。

我更倾向于Normalize.css，因为这似乎只是我需要的，但我想有更多的意见。

最好的祝福！

我已经下载了响应式框架http://996grid.com/并且在 Normalize.css 中它具有padding: 0 0 0 40px;各种项目的默认设置。例如

有人可以解释这个原因，因为当我添加 ul 时，它会在其上添加 40px...如果我在 normalize 中删除 40px 会影响浏览器支持吗？

谢谢你的帮助

我正在开发一个可通过用户书签访问的 js 插件。当用户按下书签时，插件会显示一个弹出窗口，其中包含允许他键入和保存注释的表单。

我想在normalize.css不使用 iframe 或影响页面其余部分的情况下将样式表应用于我的插件（这意味着我无法将normalize.cssstylehseet 直接嵌入到我的插件中）。

有什么想法/建议吗？

我有一个插件需要使用多个主题而不继承该主题的样式。

我知道我可以使用它重置所有元素

但后来我失去了所有的造型。我实际上更喜欢使用具有上下文 css 文件的规范化（ http://yuilibrary.com/yui/docs/cssnormalize/ ）。

但是我如何将其应用于单个 div 和所有孩子。

另一个说明性示例。

我有

我希望表格不继承任何样式 - 进行规范化。