2010年3月7日 星期日

壓縮實驗CSS範例


.wrap{font-size:11px;
            font-weight:bold;
            font-weight:normal;
            color:#000000;
            background-color:#003;
}

.content{
    font-size:12px;
    font-family:Verdana, Geneva, sans-serif;
    border:1px #ccccccc dotted;
    background:#030;
    float:left;
    color:red;
    }

.red{color:red;}
.wrap ul{
    display:block;
    width:120px;
    height:300px;
    margin:0px 0px 0px 0px;
    padding:12px 0px 12px 0;
    }  

.wrap ul li{
    list-style-type:circle;
    color: #0FC;
    text-align: left;
    vertical-align: 12%;
    word-spacing: 12em;
    }

.footer{
    color:red;
    }

.Content p{
    border: thick dashed #00C;
    list-style-position: inside;
    list-style-type: decimal;
    position: relative;

}
==========壓縮過後分隔線==============================
.content {
background:#030;
border:1px #ccccccc dotted;
color:red;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:12px
}

.content p {
border:thick dashed #00C;
list-style-position:inside;
list-style-type:decimal;
position:relative
}

.red,.footer {
color:red
}

.wrap {
background-color:#003;
color:#000;
font-size:11px;
font-weight:400
}

.wrap ul {
display:block;
height:300px;
margin:0;
padding:12px 0;
width:120px
}

.wrap ul li {
color:#0FC;
list-style-type:circle;
text-align:left;
vertical-align:12%;
word-spacing:12em
}

沒有留言: