标记语言：
    html/xml
    只能被读取，本身不具有逻辑能力和行为能力
脚本语言：
    js
        console.log(1+1);  //2

        本身具有逻辑能力和行为能力
        需要解析执行
        js解析器。。
编译语言：
    java/c/python
        本身具有逻辑能力和行为能力 
        需要编译运行
        javac
        java 




定位布局：
    position:
        static:静态布局
        absolute:绝对定位
            特点：（文字跟着）
                1、脱离默认文档流
                2、不占据定位前空间
                3、默认情况下，绝对定位元素根据body元素左上角进行定位
                    有父元素的情况下，仍然是body定位

                4、当父元素具有定位属性时，子定位元素根据父元素左上角进行定位

        relative:相对定位
            特点：
                1.默认情况下，元素根据元素本身的位置进行定位
                2.不脱离默认文档流     没有使用配合元素之前
                3.占据定位前的空间
                4.和父元素没有关系

        fixed:固定定位(使用较多)
            特点：
                和绝对定位相似
                使用了固定定位的元素不会随着滚动条的滚动而滚动

        sticky:粘滞定位
            relative+fixed 
            元素在到达固定点之前，使用relative定位
            在到达固定点之后,使用fixed定位

    配合属性：
        top
        left
        right
        bottom

margin问题：
    外边距合并问题：
        1.父子级
            1.给父元素添加边框属性
            2.给父元素或者子元素添加浮动属性
            3.给父元素或者子元素添加position: absolute;属性
            4.给父元素添加overflow:hidden;属性（子元素有粘滞定位时，不要用这个）
            5.给父元素或者子元素添加display:inline-block属性
            6.可以将本应该设置给子元素的外边距设置给父元素的内边距
        2.兄弟级
            1.将本应该设置给两个元素的外边距设置给一个元素

            合并规则：
                1.如果两个外边距的数值均为正数时，取较大的值
                2.如果两个外边距的数值均为负数时，取较小的值（绝对值大）
                3.一正一负，外边距数值直接相加