我们知道，HTML为了加载一个外部的css文件，经常会用到一个link的元素，具体的用法如下：
<link rel="stylesheet" rev="stylesheet" href="xxx.css" type="text/css" media="screen" />
并且浏览器对css的加载是阻塞式的下载，在对应的外部css文件没有load完之前，下面的parse将会被阻塞住，但我们会发现，在部分的
页面有类似这样的用法：
<link rel="stylesheet" rev="stylesheet" href="xxx.css" type="text/css" media="screen" onload="javascript:alert('onload link done')"/>
经tenfy在IE，firefox，opera，chrome，safari下测试，发现：
一，link元素的onload属性在IE和opera下均支持，目的是为了提供用户一个css加载完毕后的回调处理接口。
但发现IE和opera再回调次数是不一样的，IE下，如果对应的css有import其他的css文件，会导致多次调用onload，
测试中发现，css里面即使是多次import，IE也只会回调onload两次，而不是每import一次就多调用一次onload，比较有意思！
而opera只会调用一次onload方法。
二，firefox，chrome和safari的link不支持onload属性。
三，onload属性本身不是xhml的标准属性
四，即使IE和opera均有onload属性，但其对css文件的加载仍然是阻塞式下载的，所以我们对css加载时间的测试，都可以放到css文件的后面执行脚本采集也是ok的。
如何表示上级目录
../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超链接的代码应该这样写：
<a href = "../i ......
一、img+文字 在一个div 里面如何居中对齐？
img和文本是两种不同的节点 所以用的方法也不一样
文字主要依靠 父节点的行高来居中
而img需要的是自身的垂直中齐属性
div {line-heiht：25px;height:25px;}
div img {vertical-align:middle;}
例如：
<div id="buttons">
<img src= ......
