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 }