军规条例51Testing软件测试网;Ts-X4JH,^$B*O
军规一：CSS规则也需要恰当的注释
OfN)oA1XT0军规二：使用高效的CSS选择器Use efficient CSS selectors
*`0eX%L
I.CO0z0军规三：避免所有元素选择器( * ) Avoid a universal key selector.51Testing软件测试网)x+[;S A}Y:Ze-O
军规四：让选择器尽可能的独特Make your rules as specific as possible.51Testing软件测试网"V$L4SR!]1J&h&}o$SK
军规五：删除冗余的规则Remove redundant qualifiers.51Testing软件测试网y;s;i%`&@j6mJ
军规六：避免使用层次过多的冗余的后代选择器Avoid using descendant selectors, especially those that specify redundant ancestors.
(N{!~'p {oHE0军规七：尽可能使用类选择器去代替后代选择器Use class selectors instead of descendant selectors.51Testing软件测试网%u/R_p/}
军规八：在IE浏览器中避免为非链接元素<a>使用状态选择器(:hover) Avoid the :hover pseudo-selector for non-link elements for IE clients.51Testing软件测试网+^b d8T:WT
军规九：避免CSS表达式Avoid CSS expressions
{:?|)QJ$j o
k0军规十：把CSS文件头部Put CSS in the document head
Bg!h+M#t[0军规十一：指定图像尺寸Specify image dimensions51Testing软件测试网.Z+{V \2b3s {q-U
军规十二：指定一个字符集Specify a character set
~"SW-uN3|e3g0军规十三：尽量使用用CSS而不是JS去做页面布局
t$O
I'o'm'd0军规十四：浏览器生产商特定扩展属性Vendor-Specific -moz and -webkit Property Prefixes
:p
}1?(F:~
gu$i f0军规十五：尽量使用语义化的标签，51Testing软件测试网%Z)f!o(Q~;v
军规十六：许多与视觉有关的标签和属性已经Deprecated (弃置)，
Vg:dT8gp5~0军规十七：少使用Name属性
"T` y8H3{9b#Y$O3{eqy0军规说明
o*g7k r;k&k&d([0军规一：CSS规则也需要恰当的注释51Testing软件测试网,^i
D`|
CSS也是代码，尤其是针对特定浏览器bug所做的处理和特殊样式的设定，必须通过css注释加以说明。
+hk(?z-gd _0 51Testing软件测试网#nnGc;vCT
军规二：使用高效的CSS选择器Use efficient CSS selectors51Testing软件测试网@0cxR
hoG
避免使用能够匹配大量元素的低效选择器可以加快网页渲染。
;l8Lj?
FI(g3GYq0
d0zj7e os?(m9YZ
p0军规三：避免所有元素选择器( * ) Avoid a universal key selector.51Testing软件测试网(YT'S CB,k#o$R
G K+e*j(n.mu v8[g0军规四：让选择器尽可能的独特Make your rules as specific as possible.51Testing软件测试网#I-A'e C,so'|
ID选择器比tag选择器更好。Prefer class and ID selectors over tag selectors.51Testing软件测试网Sld
|1FH
51Testing软件测试网 J1\E j9U s
军规五：删除冗余的规则Remove redundant qualifiers.
v
eV ?&N0s l$`J~ u,g0例：51Testing软件测试网] Zn"~`A
I6B n
ul#top_blue_nav {...}
{0PNN9cy&@0form#UserLogin {...}51Testing软件测试网I+yo&z#j
ID选择器已W经可以唯一选中元素，再写标签或类等其他选择器进行组合除子降低性能外没有任何意义。51Testing软件测试网s E;bb8c`_Es
例：51Testing软件测试网%S(?_G7|
wu)y
body ul li a {...}51Testing软件测试网+bq3|$WUk'Uo0VK3p4\t
上面的body选择器即是冗余的，因为所有的页面元素都在body标签内。51Testing软件测试网+a-@4aq{1[3zr ]
'oO%qi Za_$Wu0军规六：避免使用层次过多的冗余的后代选择器Avoid using descendant selectors, especially those that specify redundant ancestors.
o q$w8pOZ5R A+v Z0 51Testing软件测试网,M.SN.L pWM'Q
军规七：尽可能使用类选择器去代替后代选择器Use class selectors instead of descendant selectors.
Wk$@'^4ob0 51Testing软件测试网7y1eaD6t f
军规八：在IE浏览器中避免为非链接元素<a>使用状态选择器(:hover) Avoid the :hover pseudo-selector for non-link elements for IE clients.51Testing软件测试网7C e,x;]0k F;\k ?
C,^1{!g3u)h8}0军规九：避免CSS表达式Avoid CSS expressions51Testing软件测试网4pc5ys#Cz
51Testing软件测试网2ci^ Xv/Ly k
军规十：把CSS文件头部Put CSS in the document head51Testing软件测试网*GY/mYx.M$jxl#a ^ oE
1、在页面头部<head>中使用<link>引入css文件，不要使用@import
Y4n6[)?g"R:P02、把<style>标签放在页面头部<head>中51Testing软件测试网c)s-oW0@K/[j.ph
51Testing软件测试网e;J1V$n'i R/?;Q
军规十一：指定图像尺寸Specify image dimensions
u ^8DK,V/N(Z!Ge0声明图片的实际尺寸Specify dimensions that match those of the images themselves.51Testing软件测试网F"Mz{.MJ{&c:?
<img>支持缩放图片，但为了提高性能不建议在浏览器中这么做，应该在图片编辑器中编辑好。51Testing软件测试网#TG$AHJ | OM
在<img>或块级元素(block)上指定图像尺寸Be sure to specify dimensions on the image element or block-level parent
s*M#C$c5zK0
#p
Sk0s%k H0军规十二：指定一个字符集Specify a character set
9T&y z S/o3g&Q!a0总是指定页面的内容类型(Content-Type) Always specify a content type.
H V%K Dp
g1v]0在页面头部指定正确的页面字符集与编码Be sure to specify the correct character encoding.
3e r$y P
Asv `0
n-h7T"{3Cu0军规十三：尽量使用用CSS而不是JS去做页面布局
$jN7P I8s
Z0
Ie$c Ie
A&n _0军规十四：浏览器生产商特定扩展属性Vendor-Specific -moz and -webkit Property Prefixes51Testing软件测试网XG0R@9m9k
由于CSS3还是完善中，因此对于一些新的属性各产商实现不尽相同，而且W3C草案确定后,一些属性最终也许会被否认或变动，因此尽量加上前缀
'@t.XG!J e0
,z Xj ?)B#R2k0军规十五：尽量使用语义化的标签，51Testing软件测试网%Fb1sh\.j
}K'V%_F!@
51Testing软件测试网 ^-E }F v'?
军规十六：许多与视觉有关的标签和属性已经Deprecated (弃置)，
*k5o?:Fk q0w0像是font、strike、center标签，以及align、bgcolor、body的text link vlink alink属性等，应用CSS来取代它们原有的功能。
[m+^!tM0U.O*h%[0 51Testing软件测试网 {B m+|G4_6y(s"D:vZ
军规十七：少使用Name属性
Q9O5x e kr0当你想用name指定一类标签时，可以考虑使用语义化标签，或Class名称51Testing软件测试网&y,v:X E3Z Q
