美文网首页
关于CSS reset的理解

关于CSS reset的理解

作者: 宁骥 | 来源:发表于2017-09-11 10:24 被阅读0次

css reset顾名思义是样式重置,因为很多元素都有起始样式,不同浏览器的相同元素的起始样式可能也不一样,像*{margin:0,padding:0}就是一个样式重置,把原始样式清空统一,再写需要的样式。等于就是起始设置默认统一样式。

可以看下淘宝的(www.taobao.com):

html {

overflow-x:auto;

overflow-y:scroll;

}

body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {

font-weight:400;

margin:0;

padding:0;

}

h1, h2, h3, h4, h4, h5 {

margin:0;

padding:0;

}

body {

background-color:#FFFFFF;

color:#666666;

font-family:Helvetica,Arial,sans-serif;

font-size:12px;

padding:0 10px;

text-align:left;

}

select {

font-size:12px;

}

table {

border-collapse:collapse;

}

fieldset, img {

border:0 none;

}

fieldset {

margin:0;

padding:0;

}

fieldset p {

margin:0;

padding:0 0 0 8px;

}

legend {

display:none;

}

address, caption, em, strong, th, i {

font-style:normal;

font-weight:400;

}

table caption {

margin-left:-1px;

}

hr {

border-bottom:1px solid #FFFFFF;

border-top:1px solid #E4E4E4;

border-width:1px 0;

clear:both;

height:2px;

margin:5px 0;

overflow:hidden;

}

ol, ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}

caption, th {

text-align:left;

}

q:before, q:after, blockquote:before, blockquote:after {

content:””;

} 就相当于设置了统一样式

最后推荐使用YUI来做reset

相关文章

  • 关于CSS reset的理解

    css reset顾名思义是样式重置,因为很多元素都有起始样式,不同浏览器的相同元素的起始样式可能也不一样,像*{...

  • CSS Reset

    1. 什么是CSS Reset What Is A CSS Reset?Which CSS Reset Shoul...

  • CSS Reset的相关概念及实例

    原文 博客原文 大纲 1、什么是css reset?2、CSS reset的实例 1、什么是css reset? ...

  • reset.css文件及引入

    一. 关于reset.css 使用reset.css的原因:各大浏览器默认样式不同,为了避免对结果产生差异性,咱们...

  • 去除浏览器默认样式

    自己去除 使用reset.css reset.css 使用normalize.css normalize.css

  • 样式重置【Normalize.css】

    关于CSS Reset那些事(一)- SegmentFault[http://segmentfault.com/a...

  • CSS:认识 css reset

    什么是css reset.? reset,重置。顾名思义,css reset就是重置样式。 为什么需要css re...

  • CSS-reset&规范

    css reset 是什么?css 预编译器是什么? 后编译器(post css)是什么? css reset 即...

  • 2019-04-20

    css reset 是什么?css 预编译器是什么? 后编译器(post css)是什么? css reset 即...

  • CSS布局、居中和样式重置

    css reset 是什么?css 预编译器是什么? 后编译器(post css)是什么? css reset 即...

网友评论

      本文标题:关于CSS reset的理解

      本文链接:https://www.haomeiwen.com/subject/dwvxsxtx.html