CSS重置 – 它是什么？

我发现这个reset.css文件在一个jquery图像滑块演示，但它从来没有包括在主index.html文件。什么是假设要做，更重要的是，你在哪里放？你把它放在任何引用的样式表()之前？

这里是reset.css里面的代码

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

解决方法

在一开始，没有标准化的风格如何工作，每个浏览器实现的是什么感觉是正确的。其中一个原因，你看到这么多的问题关于IE的风格错误是因为IE是浏览器与其他浏览器在样式方面最不相似。虽然IE已经改善，因此有其他浏览器，他们仍然应用他们
自己的边框，填充和边距，缩放，字体到元素，给页面自己独特的感觉。一个例子是，chrome给文本框自己的黄色边框。 “重置”实际上“重置”所有这些样式为零/无，以便您不会看到任何样式，您没有应用在您的页面。

如果这些样式不是“重置”，你会看到不想要的样式/效果和事情打破。它总是建议“重置”浏览器的样式。

看看这篇文章 Should you Reset Your CSS?

原文链接：https://www.f2er.com/css/220659.html

CSS重置 – 它是什么？

解决方法

猜你在找的CSS相关文章