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 可以提升选择器权重
在就近原则中，无法提升继承的权重