/* 01全局样式属性 */
body{background-color:#000000;
    
    }
*{color:#FFFFFF;margin:0px;} /* 全局标准边距 */
    .all{
        background-color:#000000;
        width:1200px; /* allcontent标准宽度 */
        margin:0 auto;}
    a{text-decoration:none;}
    ul{margin:0;padding-left:15px;list-style:none;}
    .article{
        border:1px solid #00AA00;
        border-radius:5px 5px 0 0;
        margin-bottom:5px;
    }
    p{text-indent:40px;}
    .tip{
        background-color:#C00;
        border-radius:15px;
        margin:0px 40 0px 40;
        padding:0px 10px 0px 10px;
    }
    header{
        height:20px; /* header标准高度 */
        background-color:#A040FF;
        border-radius:5px 5px 0 0;
        text-align:center;
    }   
    .tip pre {
        margin-left:-40px;
    }
    TEXTAREA{
        background-color:#000000;
        font-size:16px;
        font-family:Microsoft Sans Serif;
    }
    code{
        font-family:Courier New; /* 代码标准字体 */
        width:600px;
        border:1px solid #AA0000;
        margin:0 20px 0 20px;
    }
    xmp{
        background-color:#000044;
        padding:1px;
        margin:0;
        display:inline;
    }
/* 02nav属性 */
nav{
    height:100px; /* nav标准高度 */
    background-color:#FFFFFF;
    }
    .logo{height:80px;}
    nav ul{
        height:20px;background-image:linear-gradient(180deg, #eeeeff 2px, #8080FF 5px, #4444AA 20px);/* 第一色持续范围,渐变色开始的范围,第三个渐变色开始的范围 */ }
    nav ul li{display:inline;margin:0 5px;}
/* 03main属性*/
.main{margin-top:5px;}
/* 04left属性 */
.left{
    display:inline-block;vertical-align: top;
    font-size:16px;
    width:240px; /* left标准宽度 */
}
    .left ul{
        border:1px dotted #808080;
        box-shadow: 0px 0px 10px 0px #00A000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
    }
/*05middle属性*/
.middle{
    display:inline-block;vertical-align: top;
    width:750px;
    border:1px solid #808080; } /* middle标准宽度 */
/*06right属性*/
   .middle header{
        height:40px; /* header标准高度 */
        background-color:#80A0FF;
        border-radius:5px 5px 0 0;
        text-align:center;
        }
    .middle header h2{color:#0000ff;
        font-size:42px;
        margin:0px;
        padding:0px;
        letter-spacing:15px;
        }
    .middle ol{
        background-image:linear-gradient(180deg, #eeeeff 2px, #8080FF 5px, #4444AA 20px);/* 第一色持续范围,渐变色开始的范围,第三个渐变色开始的范围 */
        }
    .middle ol li{margin:0px 10px 10px 10px;}
    .middle ol li span{font-size:32px;color:#FF6000;
        box-shadow: 0px 0px 20px 0px #FFFFFF inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */ }
.right{
    display:inline-block;vertical-align: top;
    border:1px solid #808080;
}
footer{clear:both;}
footer ul li{display:inline-block;
    width:150px;height:150px;
    font-size:40px;
    text-align:center;

    margin:20px;
    
    background-image:url("image/tile.png");
    }