css外接所有用法示例

/*html选择器*/

body {

background: white;

font: 12px Arial,宋体;

}

/*组合选择器+伪元素选择器*/

a:link, a:visited{

text-decoration: none;

color: #888;

}

/*ID选择器*/

#wrapper{

width: 300px;

text-align: left;

}

/*class选择器，标题*/

.tit{

width: 100%;

height: 24px;

background: url(titbg.gif);

}

/*关联选择器，h3标题*/

.tit h3{

margin: 0px;

padding: 0px;

line-height: 24px;

font-size: 12px;

text-indent: 30px;

background: url(titbg.gif) no-repeat 3% 50%;

}

.list{

width: 298px !important;

width: 300px;

float: left;

border: 1px solid #D8D8D8;

border-top: 0px;

}

ul{

list-style-type: none;

margin: 0px;

padding: 0px;

}

ul li{

float: left;

line-height: 20px;

width: 45%;

margin: 0px 5px;

background: url(sidebottom.gif) repeat-x 0 bottom;

}

ul a{

padding-left: 12px;

background: url(bullet.gif) no-repeat 0 50%;

}

ul a{

text-decoration: underline;

color: $ff0000;

}