JS-BOM

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-alinoverflow font-*
     }
     层叠性——优先级： id  类   标签选择器 
         权重相同的，谁最后听谁的！
！important 可以提升选择器权重
在就近原则中，无法提升继承的权重