19.11.25课堂笔记（html+css）

定位  ——  position left right top bottom 这五个属性都是css属性
    方向的属性值都是length 比如80px

position的属性值
    relative——相对定位：相对自己原来的位置来进行定位。且还占用之前的空间。

    absolute——绝对定位：如果一个元素设置了absolute/fixed，它将向父级查找是否有
    position属性，如果有就以父级为参考物，如果没有就继续向父级的父级查找，如果有
    position属性，就以父级的父级为参考物。如果没有就按照这种方式继续向上查找，直到
    找到位置。如果一直都没有，就以boby窗口为参考点。
    简称：子绝父相，子绝父绝

    fixed——固定定位
    absolute和fixed一旦设置了，该元素就会脱离文档流

    margin
    一个元素设置了margin，属性值是length。总共有四个margin，分别是margin-top/margin-left/margin-right/margin-bottom

    margin的简写
    margin：10px 20px 30px 40px；代表上右下左。
    margin：10px 20px 30px； 代表上，左右，下。
    margin：10px 20px ； 代表上下，左右。
    margin：10px； 代表上右下左
    
    padding和margin的简写不一样
    
    1.标准流下，垂直方向的margin不叠加，以最大的为准。
    如果不在标准流下，margin会叠加。

    2.margin最好不要用在父子元素之间，用在兄弟元素之间。父子之间最好用padding