CSS reset重置样式_html/css_WEB-ITnose

在一般我们写一个自己自定义的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 ;}

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