欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS reset重置样式_html/css_WEB-ITnose

程序员文章站 2022-04-30 15:04:53
...
在一般我们写一个自己自定义的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 ;}

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