html知识小结



1、Doctype是指出浏览器按照什么样的规范去简析文档。
    2、浏览器简析有混杂模式和标准模式，之所以出现兼容性问题，是因为浏览器的内核不同。
    3、浏览器内核：IE为Tridend内核，google为Webkit内核，火狐为Gecko内核，opera为Presto内核。
    4、引入css样式有：内联、外联、内嵌。
    5、权重值：
            内嵌：1000；
            id：0100；
            类/伪类/属性：0010；
            元素/伪元素：0001；
            *：0000；
    6、浮动div居中：position：relative；
                  left：50%；
                  top：50%；
                  margin：-1/2width 0 0 -1/2width;
    7、position：绝对定位：absolute，对象脱离文档流；
                相对定位：relative，对象遵循文档流；
                固定定位：fixed，对象遵循文档流；
                默认：static，对象遵循对象流；
    8、清除浮动：clear：both；清除前面浮动；
                overflow：hidden；触发bfc，清除浮动。
    9、bfc：块级格式化上下文（环境）
            1.在bfc环境中所有元素在垂直方向上一个接一个的放置，
            2.相邻盒子在垂直方向上的margin值会重叠，
            3.内部盒子会以bfc的左边（右边）线接触，浮动也是这样，
            4.bfc区域不会与浮动盒子重叠，
            5.bfc环境中的子元素与外界分离，不会影响到外界的元素，而外面的元素也不会影响到里面的元素，
            6.bfc中浮动元素会参与计算。
    10、bfc的触发方式：
            1、float的值不为none。
            2、position：absolute、fixed。
            3、display：inline-block，table-cell，table-caption，flex，inline-flex，overflow不为visible。