军规条例
Y%y!@2Z-q
xT0^j0军规一：CSS规则也需要恰当的注释51Testing软件测试网gN'` l8Q6\&t
军规二：使用高效的CSS选择器Use efficient CSS selectors
:u$uH8f$k;~x#UR `q0军规三：避免所有元素选择器( * ) Avoid a universal key selector.51Testing软件测试网nz4d(o:s,\!g o I
军规四：让选择器尽可能的独特Make your rules as specific as possible.51Testing软件测试网?}"r$HH
军规五：删除冗余的规则Remove redundant qualifiers.
]m9wK!?w}0军规六：避免使用层次过多的冗余的后代选择器Avoid using descendant selectors, especially those that specify redundant ancestors.
^ E"H*BD,{0军规七：尽可能使用类选择器去代替后代选择器Use class selectors instead of descendant selectors.
r,j'DSv7f ^@2^ QgG0军规八：在IE浏览器中避免为非链接元素<a>使用状态选择器(:hover) Avoid the :hover pseudo-selector for non-link elements for IE clients.51Testing软件测试网%Z6]%U s qc9v _
军规九：避免CSS表达式Avoid CSS expressions51Testing软件测试网 T[,h:Yz%B c3@(s,M
军规十：把CSS文件头部Put CSS in the document head
9]\&p fV)s+B#w0军规十一：指定图像尺寸Specify image dimensions51Testing软件测试网.Z"d7v sJZ5c3D9E`
军规十二：指定一个字符集Specify a character set51Testing软件测试网8IA0s3a&H nY
军规十三：尽量使用用CSS而不是JS去做页面布局
1g_-cW%G7~N0军规十四：浏览器生产商特定扩展属性Vendor-Specific -moz and -webkit Property Prefixes51Testing软件测试网5N
mD
cG3i P
军规十五：尽量使用语义化的标签，51Testing软件测试网1y0dG
u9]T
军规十六：许多与视觉有关的标签和属性已经Deprecated (弃置)，
8My4vLn:?+lnp0军规十七：少使用Name属性
4s%]~r%k0军规说明51Testing软件测试网VBM6Gr
军规一：CSS规则也需要恰当的注释
R^#^,H3F0CSS也是代码，尤其是针对特定浏览器bug所做的处理和特殊样式的设定，必须通过css注释加以说明。
^U&Q1{~-`0 51Testing软件测试网yCB(h3Tms
军规二：使用高效的CSS选择器Use efficient CSS selectors51Testing软件测试网O6|O
Mz}2pnS
避免使用能够匹配大量元素的低效选择器可以加快网页渲染。51Testing软件测试网wgi4M;m4c
.w V po"K:[0军规三：避免所有元素选择器( * ) Avoid a universal key selector.
;j#to;qk0
s v*o5| b%z |'N0军规四：让选择器尽可能的独特Make your rules as specific as possible.
)|%|7}],Be4Va)g.R*zk,h0ID选择器比tag选择器更好。Prefer class and ID selectors over tag selectors.51Testing软件测试网g*hk(p:x W V*F4nR
qa+?3h)y O0军规五：删除冗余的规则Remove redundant qualifiers.
3^1f1H3n c bg;k0例：
(H
aBg:W0` xx0ul#top_blue_nav {...}51Testing软件测试网 Ovj+{-c;B}#rmX
form#UserLogin {...}
)c;MjB v,p3K0ID选择器已W经可以唯一选中元素，再写标签或类等其他选择器进行组合除子降低性能外没有任何意义。
}5cBi6c-w-J2l0例：51Testing软件测试网:lb#y;b Ixx
body ul li a {...}
~ {.Yy S7X+{0上面的body选择器即是冗余的，因为所有的页面元素都在body标签内。
wf7~PA.i0v#H/b0
&|^ |)Q Wr6S0军规六：避免使用层次过多的冗余的后代选择器Avoid using descendant selectors, especially those that specify redundant ancestors.
#Q)E.\5Z0_m0
N oO%GG;hS$P$a
N0军规七：尽可能使用类选择器去代替后代选择器Use class selectors instead of descendant selectors.
-u5L8o)Wg8c0
CU4L X/F^,? }z0军规八：在IE浏览器中避免为非链接元素<a>使用状态选择器(:hover) Avoid the :hover pseudo-selector for non-link elements for IE clients.
B'a| s)t,}8g
['wo0
M,I'R
b/R1@~&a0军规九：避免CSS表达式Avoid CSS expressions51Testing软件测试网:m IK$U |~
51Testing软件测试网1@ P8L6b7n"A xnl;z
军规十：把CSS文件头部Put CSS in the document head
*iuZ F/`&|R-S.\X)_01、在页面头部<head>中使用<link>引入css文件，不要使用@import
Ijc.tu c-j$` m02、把<style>标签放在页面头部<head>中
1Q |?!r?
~0
)LV9H k EQ1X0军规十一：指定图像尺寸Specify image dimensions
.d$E4d W)myou hL0声明图片的实际尺寸Specify dimensions that match those of the images themselves.51Testing软件测试网
Gi&aJ&d v
<img>支持缩放图片，但为了提高性能不建议在浏览器中这么做，应该在图片编辑器中编辑好。51Testing软件测试网 w w!H~!T
在<img>或块级元素(block)上指定图像尺寸Be sure to specify dimensions on the image element or block-level parent51Testing软件测试网 ]f#vK6Xn"x
51Testing软件测试网j@ crZ'Vg
p0Y+J
军规十二：指定一个字符集Specify a character set51Testing软件测试网;u ^0s hoc:s1B
G|
总是指定页面的内容类型(Content-Type) Always specify a content type.
zB/U2C6V(y*G S0在页面头部指定正确的页面字符集与编码Be sure to specify the correct character encoding.
0q l QC E Fzk0
l5S
y2`b2Cid!] Q0军规十三：尽量使用用CSS而不是JS去做页面布局
&H.a7Hv)x|w|6a0 51Testing软件测试网'v|A2dd9~
军规十四：浏览器生产商特定扩展属性Vendor-Specific -moz and -webkit Property Prefixes51Testing软件测试网.FkyyI$Md
由于CSS3还是完善中，因此对于一些新的属性各产商实现不尽相同，而且W3C草案确定后,一些属性最终也许会被否认或变动，因此尽量加上前缀
8d8[
b0W\I0gZ0
&u0U b? b+gs0Xz0军规十五：尽量使用语义化的标签，
(r8dNf%Z/xKj G&h j0 51Testing软件测试网'pv"UL`Ms'b
军规十六：许多与视觉有关的标签和属性已经Deprecated (弃置)，51Testing软件测试网#`b,Q Eg
像是font、strike、center标签，以及align、bgcolor、body的text link vlink alink属性等，应用CSS来取代它们原有的功能。
LPu;@5@"gn&g0 51Testing软件测试网.Ji W se
军规十七：少使用Name属性51Testing软件测试网3l4PW*n-f ]e
当你想用name指定一类标签时，可以考虑使用语义化标签，或Class名称
"NZ#y4S3p
Du/U B0
