css格式

 ?1 /*color编号使用小写字母*/ ?2 div { ?3 ????color: #AAAAAA; ?4 } ?5 ??6 div { ?7 ????color: #aaaaaa; ?8 } ?9 ?10 ?11 ?12 /*分号后不要有空格*/ 13 div { 14 ????color: #aaaaaa; ??.. 15 } 16 ?17 div { 18 ????color: #aaaaaa; 19 } 20 ?21 ?22 ?23 /*使用更具有描述性的类名*/ 24 .div-7 { 25 ????color: #aaaaaa; 26 } 27 ?28 .btn-default { 29 ????color: #aaaaaa; 30 } 31 ?32 ?33 ?34 /*尽量避变层级查找*/ 35 ul li { 36 ????color: #aaaaaa; 37 } 38 ?39 .example { 40 ????color: #aaaaaa; 41 } 42 ?43 ?44 ?45 /*同类型要是应组合简写*/ 46 .btn { 47 ????margin-left: 10px; 48 ????margin-right: 10px; 49 ????margin-top: 10px; 50 ????margin-bottom: 10px; 51 } 52 ?53 .btn { 54 ????margin: 10px; 55 } 56 ?57 ?58 ?59 /*如果值为0，不要加单位*/ 60 .btn { 61 ????margin: 0px; 62 } 63 ?64 .btn { 65 ????margin: 0; 66 } 67 ?68 ?69 ?70 /*0-1小数不要省略前面的0*/ 71 .btn { 72 ????font-size: .8em; 73 } 74 ?75 .btn { 76 ????font-size: 0.8em; 77 } 78 ?79 ?80 ?81 /*颜色在可以简写的情况下简写*/ 82 .btn { 83 ????color: #aabbcc; 84 } 85 ?86 .btn { 87 ????color: #abc; 88 } 89 ?90 ?91 ?92 /*合理使用-使类名的可读性变高*/ 93 .btndefault { 94 ????color: #abc; 95 } 96 ?97 .btn-default { 98 ????color: #abc; 99 }100 101 102 103 /*样式后一定要加分号*/104 .btn-default {105 ????color: #abc106 }107 108 .btn-default {109 ????color: #abc;110 }111 112 113 114 /*样式规范为“样式名: 值”*/115 .btn-default {116 ????font-size:10em;117 ????padding : 0;118 ????margin :0;119 }120 121 .btn-default {122 ????font-size:10em;123 ????padding: 0;124 ????margin: 0;125 }126 127 128 129 /*类样式格式为“类名 {*/130 ????/*样式名: 值;*/131 ????/*样式名: 值;*/132 /*}”*/133 .video-block{134 ????margin: 0;135 }136 .audio-block137 {138 ????margin: 0;139 }140 141 .video-block {142 ????margin: 0;143 }144 .audio-block {145 ????margin: 0;146 }147 148 149 150 /*每个类名一行，每个样式一行*/151 h1, h2, h3 {152 ????color: red; line-height: 1.2;153 }154 155 h1,156 h2,157 h3 {158 ????color: red;159 ????line-height: 1.2;160 }