重置默认样式 css reset第1/2页

所属分类: 网络编程 / CSS/HTML 阅读数: 250
收藏 0 赞 0 分享
我在HTML下的默认样式中讲到,一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset)。每个人的用法和写法都不一样。找到一篇关于css reset的调查文章, 可以看看国外使用css reset的比例调查。
这里有一篇总结css reset比较全面的文章,列举了多种css reset的写法,可以看看。
译文地址查看
原文地址查看
接下来我也查看了国内的两个网站,用Firebug按F12看看他们的css reset怎么写的?
淘宝(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:"";
}
更多精彩内容其他人还在看

滚动条效果

滚动条效果
收藏 0 赞 0 分享

层自动适应高度

层自动适应高度
收藏 0 赞 0 分享

让2个DIV居中并排显示

让2个DIV居中并排显示
收藏 0 赞 0 分享

会移动的文字(Marquee)

会移动的文字(Marquee)
收藏 0 赞 0 分享

认识CSS中absolute与relative

认识CSS中absolute与relative
收藏 0 赞 0 分享

用CSS构建iframe效果

用CSS构建iframe效果
收藏 0 赞 0 分享

不用float实现模块居中布局

不用float实现模块居中布局
收藏 0 赞 0 分享

引入CSS样式的五种方式

引入CSS样式的五种方式
收藏 0 赞 0 分享

利用相对定位及偏移量做精美输入界面

利用相对定位及偏移量做精美输入界面
收藏 0 赞 0 分享

用CSS实现文字变图象特效

用CSS实现文字变图象特效
收藏 0 赞 0 分享
查看更多