zoukankan      html  css  js  c++  java
  • CSS格式模板

    //GeneralCSS.css

    View Code
    /*########## IE compatible Setting(Copy the following things to the <head> Section) ##########
    <!-- Default Css(默认及通用CSS) -->
    <link href="GeneralCss.css" rel="stylesheet" type="text/css"/>
    <!- [if IE]><link href="CssHack/IECssHack.css" rel="stylesheet" type="text/css"/>
    <!- [if !IE]><link href="CssHack/OthersCssHack.css" rel="stylesheet" type="text/css"/>
    */




    /* ########## Initialize CSS(初始化CSS的设置) ##########
    http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video
    {
    margin
    : 0;
    padding
    : 0;
    border
    : 0;
    font-size
    : 100%;
    font
    : inherit;
    vertical-align
    : baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section
    {
    display
    : block;
    }
    body
    {
    line-height
    : 1;
    }
    ol, ul
    {
    list-style
    : none;
    }
    blockquote, q
    {
    quotes
    : none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after
    {
    content
    : '';
    content
    : none;
    }
    table
    {
    border-collapse
    : collapse;
    border-spacing
    : 0;
    }



    /*########## Yours CSS Code ##########*/

    //CssHack/IECssHack.css

    View Code
    /*########## IE Serials General Settings(\9) ##########*/
     
     




     /*########## IE 8.0 Settings(\0) ##########*/




    /*########## IE 7.0 Settings(*+) ##########*/




    /*########## IE 6.0 Settings(_) ##########*/

    //CssHack/OthersCssHack.css

    View Code

    //css三角形

    <html>
        <head></head>
        <body>
    
    <style type="text/css">  
    .rightdirection  
    {  
        width:0;height:0;  
        line-height:0;  
        border-width:20px;  
        border-style:solid;  
        border-color:transparent transparent transparent #A9DBF6;  
    }  
    .bottomdirection  
    {  
        width:0;height:0;  
        line-height:0;  
        border-width:20px;  
        border-style:solid;  
        border-color: #A9DBF6 transparent transparent transparent;  
    }  
    .leftdirection  
    {  
        width:0;height:0;  
        line-height:0;  
        border-width:20px;  
        border-style:solid;  
        border-color: transparent #A9DBF6 transparent transparent;  
    }  
    .topdirection  
    {  
        width:0;height:0;  
        line-height:0;  
        border-width:20px;  
        border-style:solid;  
        border-color: transparent transparent #A9DBF6 transparent;  
    }  
    </style>  
    <div  class="rightdirection"></div>  
    <p>  
    <div  class="bottomdirection"></div>  
    <p>  
    <div  class="leftdirection"></div>  
    <p>  
    <div  class="topdirection"></div>  
    </body>
    </html>
    View Code
  • 相关阅读:
    使用 Spring data redis 结合 Spring cache 缓存数据配置
    Spring Web Flow 笔记
    Linux 定时实行一次任务命令
    css js 优化工具
    arch Failed to load module "intel"
    go 冒泡排序
    go (break goto continue)
    VirtualBox,Kernel driver not installed (rc=-1908)
    go运算符
    go iota
  • 原文地址:https://www.cnblogs.com/cs_net/p/2039290.html
Copyright © 2011-2022 走看看