css格式

/*color编号使用小写字母*/
div {
    color: #AAAAAA;
}

div {
    color: #aaaaaa;
}



/*分号后不要有空格*/
div {
    color: #aaaaaa;   ..
}

div {
    color: #aaaaaa;
}



/*使用更具有描述性的类名*/
.div-7 {
    color: #aaaaaa;
}

.btn-default {
    color: #aaaaaa;
}



/*尽量避变层级查找*/
ul li {
    color: #aaaaaa;
}

.example {
    color: #aaaaaa;
}



/*同类型要是应组合简写*/
.btn {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn {
    margin: 10px;
}



/*如果值为0，不要加单位*/
.btn {
    margin: 0px;
}

.btn {
    margin: 0;
}



/*0-1小数不要省略前面的0*/
.btn {
    font-size: .8em;
}

.btn {
    font-size: 0.8em;
}



/*颜色在可以简写的情况下简写*/
.btn {
    color: #aabbcc;
}

.btn {
    color: #abc;
}



/*合理使用-使类名的可读性变高*/
.btndefault {
    color: #abc;
}

.btn-default {
    color: #abc;
}



/*样式后一定要加分号*/
.btn-default {
    color: #abc
}

.btn-default {
    color: #abc;
}



/*样式规范为“样式名: 值”*/
.btn-default {
    font-size:10em;
    padding : 0;
    margin :0;
}

.btn-default {
    font-size:10em;
    padding: 0;
    margin: 0;
}



/*类样式格式为“类名 {*/
    /*样式名: 值;*/
    /*样式名: 值;*/
/*}”*/
.video-block{
    margin: 0;
}
.audio-block
{
    margin: 0;
}

.video-block {
    margin: 0;
}
.audio-block {
    margin: 0;
}



/*每个类名一行，每个样式一行*/
h1, h2, h3 {
    color: red; line-height: 1.2;
}

h1,
h2,
h3 {
    color: red;
    line-height: 1.2;
}