一尘不染

CSS重置-究竟是做什么的?

css

我在jquery图像滑块演示中找到了reset.css文件,但它从未包含在主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,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

阅读 299

收藏
2020-05-16

共1个答案

一尘不染

最初,关于样式的工作方式还没有标准化,每个浏览器都实现了自己认为正确的方式。您在IE中看到太多有关样式错误的问题的原因之一是,因为IE是样式方面与其他浏览器最不相同的浏览器。尽管IE得到了改进,其他浏览器也得到了改进,但它们仍将自己的边框,内边距和边距,缩放,字体应用于元素,从而使页面具有独特的感觉。一个例子是,chrome给文本框提供了自己的黄色边框。实际上,“重置”会将所有这些样式“重置”为零/无,这样您就看不到页面中未应用的任何样式。

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

2020-05-16