前端小记
盒子大小包括
margin，border，padding，本身大小
竖直高度= height + padding-top + padding-bottom + border-top + border-bottom
水平高度= width + padding-left + padding-right + border-left + border-right
相邻元素margin并非普通相加，而是取其中较大的边距值
link与import区别：
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。
每个浏览器对margin，border，font-size等略有不同，通过CSS强制使各个属性值一样的过程就叫CSS初始化
img是内联元素，也是替换元素--能设置宽和高
在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
伪类名称对大小写不敏感。
相对定位：相对于浏览器左上角为原点
绝对定位：
固定定位：相对网页四个顶点，不受制于父元素
继承定位：继承父元素中的定位属性
z-index层级受父元素层级影响
如何控制div中文字垂直居中？
控制line-height与div高度一致
网页加载四种状态：
- uninitialized--还未开始载入
- loading--载入中
- interactive--已加载，文档与用户可以开始交互
- complete--已完成
判断加载状态的方法：
document.onreadystatechange--页面加载状态改变时的状态
document.seadyState--返回当前文件的加载状态
CSS中的height简直蛇精病！
