• 技术文章 >web前端 >html教程

    CSS reset重置样式_html/css_WEB-ITnose

    2016-06-24 11:34:51原创1277
    在一般我们写一个自己自定义的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 ;}

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:CSS reset重置样式
    上一篇:Bootstrap学习(3)_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• ajax基本介绍• 使用jQuery实现地址联动• “娜喊杯”HTML5行业颁奖盛典盛大开幕_html/css_WEB-ITnose• 深入CSS,让网页开发少点“坑”_html/css_WEB-ITnose• 求两个纯Html之间的传值示例_html/css_WEB-ITnose
    1/1

    PHP中文网