CSS重置-它具体做什么?

CSS重置-它具体做什么?,css,Css,我在jquery图像滑块演示中发现了这个reset.css文件,但它从未包含在主index.html文件中。我们应该做什么,更重要的是,你把它放在哪里?您是否将其置于任何引用的样式表()之前 下面是reset.css中的代码 /*CSS重置*/ 正文,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 保证金:0; 填充:0; } html,正文{ 保证金:0;

我在jquery图像滑块演示中发现了这个reset.css文件,但它从未包含在主index.html文件中。我们应该做什么,更重要的是,你把它放在哪里?您是否将其置于任何引用的样式表()之前

下面是reset.css中的代码

/*CSS重置*/
正文,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
保证金:0;
填充:0;
}
html,正文{
保证金:0;
填充:0;
}
桌子{
边界塌陷:塌陷;
边界间距:0;
}
字段集,img{
边界:0;
}
输入{
边框:1px实心#b0;
填充物:3px 5px 4px;
颜色:#979797;
宽度:190px;
}
地址、标题、引用、代码、dfn、th、var{
字体风格:普通;
字体大小:正常;
}
ol,ul{
列表样式:无;
}
标题,第{
文本对齐:左对齐;
}
h1、h2、h3、h4、h5、h6{
字体大小:100%;
字体大小:正常;
}
问:之前,问:之后{
内容:'';
}
缩写{border:0;
}
浏览器有不同的“内置”样式,它们应用于不同的html元素。这些样式定义可能因浏览器而异。规范化css文件旨在通过重置这些特定于浏览器的样式来“规范化”跨浏览器的页面呈现

您必须在自己的样式定义之前包含它,否则这些样式可能会覆盖(由于css的级联特性)您的声明,这没有多大意义;)


最流行的样式重置可能是附带一点背景信息的重置。

浏览器可能会根据其本机渲染引擎渲染收到的HTML和CSS。不同的浏览器可能会使用不同的渲染方法[IE;),如果你知道我的意思的话]因此reset.css的目的是将所有属性设置为公共预定义值,以便开发人员/设计师可以忘记一些渲染引擎,从头开始开发。

reset.css用于规范浏览器的默认样式

例如:


每个浏览器都有自己的默认
用户代理
样式表,用于使未设置样式的网站看起来更清晰。例如,大多数浏览器默认将链接设置为蓝色,访问的链接设置为紫色,给表格添加一定量的边框和填充,将变量
字体大小
s应用于
H1
H2
<代码>H3等,并且几乎所有内容都有一定量的填充

有没有想过为什么每个浏览器中的提交按钮看起来都不一样

显然,这给CSS作者带来了一定程度的麻烦,他们无法解决如何使他们的网站在每个浏览器中看起来都一样

使用CSS重置,CSS作者可以强制每个浏览器将其所有样式重置为null,从而尽可能避免跨浏览器差异

从您通过重置设置的一致性基础开始,您可以继续重新设置文档样式,因为浏览器在默认HTML呈现方面的差异不会影响您


希望它能有所帮助,你可能想看看这篇文章。

在一开始,风格的工作方式没有标准化,每个浏览器都实现了它认为正确的功能。你在IE中看到如此多关于风格错误的问题的原因之一是,IE是与其他浏览器在风格方面最为不同的浏览器虽然IE有所改进,其他浏览器也有所改进,但它们仍然应用了自己的 拥有边框、边距和边距、缩放、字体等元素,给页面带来独特的感觉。例如,chrome为文本框提供了自己的黄色边框。“重置”实际上将所有这些样式“重置”为零/无,这样您就不会看到任何未在页面中应用的样式

如果这些样式未“重置”,您将看到不需要的样式/效果和东西损坏。始终建议“重置”浏览器的样式

看看这篇文章

CSS重置(或“重置CSS”)是一种简短的、通常是压缩的(缩小的) 一组CSS规则,将所有HTML元素的样式重置为 一致的基线

如果您不知道,每个浏览器都有自己的默认“用户” 代理的样式表,它用来使未设置样式的网站看起来更 易读。例如,默认情况下,大多数浏览器都会将链接设置为蓝色和蓝色 访问紫色链接,给表格一定数量的边框和 填充,将可变字体大小应用于H1、H2、H3等和特定 几乎所有内容的填充量。是否想过为什么要提交 每个浏览器中的按钮看起来都不一样

显然,这给CSS作者带来了一定程度的麻烦, 谁不知道如何让他们的网站在每个方面看起来都一样 浏览器

使用CSS重置,CSS作者可以强制每个浏览器拥有其所有 样式重置为空,从而尽可能避免跨浏览器差异 尽可能


参考

看看这里的答案,“重置”和“正常化”之间似乎有点混淆。他们的目标略有不同

CSS重置是在加载其他样式之前加载的一组样式,用于删除浏览器内置样式。最早也是最流行的样式之一是Eric Mayer的


另一个选项是协调浏览器内置样式。目前最流行的工具是。

简单地说,由于浏览器的不一致性,需要CSS重置。详细地说,所有浏览器的呈现方式都不相同。因此,不同浏览器的web呈现方式可能不同


Meyer Web提供了一个最大限度的CSS重置代码,如果你想使用/重置。你可以找到它。如果你需要更多的细节,你也可以找到什么CSS重置更详细,以及为什么我们需要使用它。

我认为你回答我的问题最好,因为你还包括了一篇关于