温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css中如何实现reset重置样式

发布时间:2022-03-05 09:45:31 来源:亿速云 阅读:227 作者:小新 栏目:web开发

这篇文章给大家分享的是有关css中如何实现reset重置样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

  重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。

  /*reset*/

  html,body,h2,h3,h4,h5,h6,h7,p,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;}

  h2,h3,h4,h5,h6,h7,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;}

  h2,h3,h4,h5,h6,h7,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.14arial,\5b8b\4f53;color:#333;outline:0;}

  body{background:#fff;}

  a,a:hover{color:#333;}


感谢各位的阅读!关于“css中如何实现reset重置样式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI