a:link  
a:visited  
a:hover 
a:active 

css中关于链接书写顺序不能颠倒，顺序依次否则覆盖。

F = 8×{100-[4×(JS文件数-3)+4×(CSS文件数-2)+3×(CSS背景图连接数-6) ] }
	+6×(100-10×未使用CDN的连接个数)
	+10×[100-11×(Expire时间小于172800秒的连接个数) ]
	+8×[100-11×(文件大小大于500字节且 未使用gzip的连接个数)]
	+4×[body中没有CSS连接 ? 100∶ (99-10×body中的CSS连接数) ]
	+4×(100-5×head中的JavaScript连接数)
	+3×[不存在CSS表达式 ?100: (90-2×CSS表达式数目) ]
	+3×[100-5×(域名数-4)]
	+4×(100-10×未精简的CSS与JS个数)
	+4×(100-10×Redirect个数)
	+4×[100-5×(重复的JavaScript个数+重复的CSS个数) ]
	+2×(100-11×未使用Etag的连接个数)
	+4×(100-5×未缓存或者缓存时间不足3600秒的AJAX请求个数)
	+3×(100-5×请求方式不是GET的AJAX个数)
	+3×{DOM元素数量<MaxDOM ?100∶ [99-10×⌈((DOM元素数量-900))/250⌉ ] }
	+4×(100-5×状态为404的连接个数)
	+3×[cookie大小不超过1000字节 ?100∶ (99-10×⌊页面cookie的大小/1000⌋ ) ]
	+3×(100-5×不满足cookie free要求的链接个数)
	+4×[100-(2×使用hack的filter个数+5×未使用hack的filter个数) ]
	+3×(100-5×在HTML代码中设定width和height的图片数)
	+2×[100-(favicon不可缓存或缓存时间小于3600秒 ? 5∶0)-(favicon大小超过2000字节? 5∶0)]

Score = F / 89

经典的垂直问题中，img 的父容器如果 float 了，那么其 display table-cell 将失效，table-cell 只能在 display static 的时候有效，因此解决方案是给 img 再加个包装容器，原来的父容器 float，包装器 table-cell

--------来自团队总结

在使用form[name]的方式去取同一name的多个表单元素时，需要注意一点，如果有多个的话，返回的是一个数组，如果仅有一个的话直接返回这个元素而不是一个数组，所以在循环之前要先做判断，以免报错。

--------来自团队的总结

 

 img对象alt和title的解析：alt：当照片不存在或者load错误时的提示；
title：照片的tip说明。
在IE中如果没有定义title，alt也可以作为img的tip使用，但是在FF中，两者完全按照标准中的定义使用
结论：大家在定义img对象时，最后将alt和title对象都写全，保证在各种浏览器中都能正常使用

 

-------来自团队总结

在页面中写button的时候，一定要记得加上button的type类型，否则，某些浏览器会将其认为是submit类型。

-------来自团队的总结

 

 Date()作为普通函数被调用时，Date()将忽略传递给它的所有参数，返回当前日期和事件的字符串标识。

---------来自团队的总结

<meta name="viewport" content="width=device-width; initial- scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />  

-----来自团队的总结