css reset-阿里云开发者社区

css reset

2017-11-07 1158

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

 
  
    
      
     
        /*reset*/
       

        *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
       
 
        html,body,h
        1
        ,h
        2
        ,h
        3
        ,h
        4
        ,h
        5
        ,h
        6
        ,hr,p,
        pre
        ,blockquote,dl,dd,ul,li,ol,fieldset,legend,figure,input,textarea,button,select{
        margin
        : 
        0
        ; 
        padding
        : 
        0
        ;} 
       
 
        header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{
        display
        :
        block
        ;} 
       
 
        body,button,input,select,textarea{
        font
        : 
        16px
        /
        1.5 
        '方正兰亭黑体'
        ,
        'Microsoft Yahei'
        ,
        '楷体'
        ,
        arial
        ,
        serif
        ;} 
       
 
        body{
        width
        : 
        100%
        ; 
        color
        : 
        #909396
        ;} 
       
 
        h
        1
        ,h
        2
        ,h
        3
        ,h
        4
        ,h
        5
        ,h
        6
        {
        font-size
        : 
        100%
        ; 
        font-weight
        : 
        normal
        ;} 
       
 
        address,cite,dfn,em,var,i{
        font-style
        : 
        normal
        ;} 
       
 
        ul,ol{
        list-style
        : 
        none
        ;} 
       
 
        a{
        text-decoration
        : 
        none
        ; 
        color
        : 
        #849CBA
        ;} 
       
 
        a:link{
        text-decoration
        :
        none
        ;} 
       
 
        fieldset,img{
        border
        : 
        0 
        none
        ;} 
       
 
        img{
        vertical-align
        : 
        middle
        ;} 
       
 
        button,input,select,textarea{
        font-size
        : 
        100%
        ; 
        outline
        : 
        none
        ;} 
       
 
        button{
        background-color
        : 
        #fff
        ;} 
       
 
        table{
        border-collapse
        : 
        collapse
        ; 
        border-spacing
        : 
        0
        ;} 
       
 
        input,select{
        border
        :
        none
        ;} 
       
 
        input::-webkit-search-cancel-button{
        display
        : 
        none
        ;}  
        /*--清除谷歌浏览器下的 search 叉号*/ 
       
 
        input::-ms-clear{
        display
        : 
        none
        ;} 
        /* --清除IE下的 叉号*/ 
       
 
        input{-webkit-appearance : 
        none
        ;} 
        /*-- 清除safari下的默认样式*/ 
       

         
       

        /*base*/
       
 
        .clear{
        clear
        :
        both
        ;} 
       
 
        .clearfix{zoom:
        1
        ;} 
       
 
        .clearfix:after{
        display
        :
        block
        ; 
        content
        :
        ''
        ; 
        clear
        : 
        both
        ;} 
       
 
        .
        hidden
        {
        display
        : 
        none
        ;} 
       
 
        .nobor{
        border
        :
        none 
        !important
        ;} 
       
 
        .br
        5
        {-webkit-border-radius:
        5px
        ; -moz-border-radius:
        5px
        ; border-radius:
        5px
        ;} 
       
 
        .br
        10
        {-webkit-border-radius:
        10px
        ; -moz-border-radius:
        10px
        ; border-radius:
        10px
        ;} 
       

         本文转自   frwupeng517   51CTO博客，原文链接:http://blog.51cto.com/dapengtalk/1852211

       
 
    

   
 

css reset

热门文章

最新文章

相关课程

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

css reset

热门文章

最新文章

相关课程

相关电子书

相关实验场景