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: #abc
106 }
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-block
137 {
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 }