CSS stylesheet

  1.  清楚HTML默认样式

    *{font-size:9pt;border:0;margin:0;padding:0;}
    body{font-family:'微软雅黑'; margin:0 auto;min-width:980px;}
    ul{display:block;margin:0;padding:0;list-style:none;}
    li{display:block;margin:0;padding:0;list-style: none;}
    img{border:0;}
    dl,dt,dd,span{margin:0;padding:0;display:block;}
    a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
    a:hover{color:#00a4ac;text-decoration:none;}
    table{border-collapse:collapse;border-spacing: 0;}
    cite{font-style:normal;}
    h2{font-weight:normal;}
  2. 去掉标签默认内间距、外间距

    a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {

        margin: 0;

         padding: 0;

    }

  3. 鼠标手型设置

    cursor:pointer

  4. Font Awesome

  5. box-shadow

    box-shadow: 0px 10px 15px rgba(0,0,0,.5)   -- 设置弹出框阴影

    box-shadow: h-shadow v-shadow blur spread color inset;

    h-shadow:必需。水平阴影的位置。允许负值。

    v-shadow:必需。垂直阴影的位置。允许负值。

    blur:可选。模糊距离。

    spread:可选。阴影的尺寸。

    color:可选。阴影的颜色。请参阅 CSS 颜色值。

    inset:可选。将外部阴影 (outset) 改为内部阴影。


你可能感兴趣的:(CSS stylesheet)