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

    CSS公用属性

    黄舟黄舟2016-12-15 14:06:13原创841
    这是我们开发团队默认的样式表 希望大家补充

    /*
    Author: cuikai
    */

    /* reset */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
    table{border-collapse:collapse;border-spacing:0}
    fieldset,img{border:0}
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
    ol,ul {list-style:none}
    caption,th {text-align:left}
    h1,h2,h3,h4,h5,h6{font-size:100%}
    q:before,q:after{content:''}

    /* font */
    .f12{font-size:12px!important}
    .f14{font-size:14px!important}
    .bold{font-weight:bold}
    .normal{font-weight:normal}
    .font_none{font-size:0px; line-height:0px}

    /* color */
    .red , .red a{color:#f00!important}
    .gray, .gray a {color:#666!important}
    .green , .green a {color:#76c56a!important}
    .orange, .orange a {color:#fd864a!important}

    /*layout*/
    .block{display:block}
    .hidden{display:none}
    .bg_none{background:none!important}
    .float_left{float:left}
    .float_right{float:right}
    .clear{clear:both!important}
    .margin_10{margin:10px}
    .margin_20{margin:20px}
    .margin_top{margin-top:10px}
    .margin_right{margin-right:10px}
    .margin_bottom{margin-bottom:10px}
    .margin_left{margin-left:10px}
    .padding_10{padding:10px}
    .padding_20{padding:20px}
    .padding_top{padding-top:10px}
    .padding_right{padding-right:10px}
    .padding_bottom{padding-bottom:10px}
    .padding_left{padding-left:10px}
    .nopadding{padding:0!important}

    /*
    Author: guoxiaoling
    */

    /*
    Author: shiwenliang
    */* { margin:0; padding:0;}
    html { text-align:center; background:#fff;}
    body { width:960px; position:relative; margin:0 auto; padding:10px 0; text-align:left; font:12px/1.6em Tahoma,Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; color:#666;}
    h1, h2, h3, h4, h5, h6 { font-size:100%;}
    address, caption, cite, code, dfn, em, strong, th, var,b,i { font-style:normal; font-weight:normal;}
    table { border-collapse:collapse; border-spacing:0; empty-cells:show;}
    ol, ul { list-style:none outside;}
    :focus { outline :0;}
    fieldset, img { border:0;}
    caption, th { text-align :left;}
    q:before, q:after { content:'';}
    a { text-decoration:none; }
    a:hover { text-decoration:underline;}
    input,select,textarea { font-size:12px; padding:2px;}
    .clearfix { overflow:hidden; zoom:1;}

    以上就是CSS公用属性的内容,更多相关文章请关注PHP中文网(m.sbmmt.com)!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS属性
    上一篇:详解CSS的定位语法应用 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 手把手教你使用CSS实现酷炫六边形网格背景图• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景• 详解css中的比较函数(示例介绍)
    1/1

    PHP中文网