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 }