BOM 浏览器对象模型
核心对象：window
BOM > DOM ：BOM包含DOM
## 客户端js: ES+DOM+BOM
ES:ECMA
DOM:W3C
BOM:缺乏标准——了解核心
window:
-document
-location
-screen
-history
-navigation
overflow: scroll; //滑动窗口
overflow: visible; //可见性
父子嵌套问题：
margin left right 不会塌陷，左右叠加
padding父亲，儿子margin生效
margin-left,margin-top往往会生效，而right，bottom不会
父子塌陷：在父亲没有padding时，父亲儿子均有margin-top,谁的margin-top值大，父亲的margin-top选谁，而儿子则紧贴上边沿
/* 三种选择器都没有选择元素：通过继承让 p 拥有属性，此时看谁描述的更近！！ */
三种选择器都没有选择元素：通过继承让 p 拥有属性，此时看谁描述的更近，假如描述的一样近，此时再比较权重。
font 先后顺序
font-style ：
normal
italic :英文字体本身有倾斜，显示斜体样式；假如没有则会替换成斜体
oblique ：本身是字体倾斜，与字体本身无关
font-variant :
font-weight
font-size/line-height
font-family
选择器
基本选择器
标签选择器
div{}
类选择器
id选择器*通配符 代表所有标签，效率低
高级选择器
后代选择器 div p 表示div中所有后代p
交集选择器 div.box li {} p.p1#p1 {} [ie6不支持连续交集写法]
并集选择器css两性——继承性与层叠性
继承性——css中有一部分属性可以被继承，即便标签本身不设置，也可以被加载{
文字和文本的属性：color、font-family、font-size,text-alin\overflow\ font-*
}
层叠性——优先级： id 类 标签选择器
权重相同的，谁最后听谁的！
！important 可以提升选择器权重
在就近原则中，无法提升继承的权重
