CSS reset--重置样式

在一般我们写一个自己自定义的HTML的时候,我们会清除样式或者说重置样式

重置样式。清除浏览器默认样式,一切全部用自己的设置,并配置适合设计的基础样式

下面给出所有一般需要清除的样式:

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 ;}

在开始写代码的时候可以在一开始就把它全部引进去!

你可能感兴趣的:(CSS reset--重置样式)