- 概述
-
重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。
- 代码展示
- 123456789101112131415161718192021
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{
margin
:
0;
padding
:
0;
}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{
display
:
block
;}
table{
border-collapse
:
collapse
;
border-spacing
:
0;
}
caption,th{
text-align
:
left
;
font-weight
:
normal
;}
html,body,fieldset,img,iframe,abbr{
border
:
0;
}
i,cite,em,var,address,dfn{
font-style
:
normal
;}
[hidefocus],summary{
outline
:
0;
}
li{
list-style
:
none
;}
h1,h2,h3,h4,h5,h6,
small
{
font-size
:
100%
;}
sup,sub{
font-size
:
83%
;}
pre,code,kbd,samp{
font-family
:inherit;}
q:before,q:after{
content
:
none
;}
textarea{
overflow
:
auto
;resize:
none
;}
label,summary{
cursor
:
default
;}
a,button{
cursor
:
pointer
;}
h1,h2,h3,h4,h5,h6,em,strong,b{
font-weight
:
bold
;}
del,ins,u,s,a,a:hover{
text-decoration
:
none
;}
body,textarea,input,button,select,keygen,legend{
font
:
12px
/1.14
arial
,\5b8b\4f
53;
color
:
#333
;
outline
:
0;
}
body{
background
:
#fff
;}
a,a:hover{
color
:
#333
;}
- 使用方法
-
通过右键另存为下载 reset.css(2012-11-15),直接使用或将代码复制到你的css文件顶部。
来源:http://nec.netease.com/framework/css-reset.html
附件下载:
reset.zip694字节
版权声明:《 CSS Reset 重置默认样式 》为王健原创文章,转载请注明出处!
最后编辑:2020-8-22 14:08:11