编程进阶篇

10.Position定位
    1.  Static  静态定位  
        标准文档流的方式  margin  实现位置关系
        层级  自上而下   最后优先
    2.Relative    相对定位
        相对定位，  相对于当前自身位置的偏移（top/left/right/bottom）
        层级+1
    3.Absolute   绝对定位
        根据包含框    来定位，默认包含框是  浏览器窗口
        父元素  添加 【非atstic】定位后  就成为包含框， 就近原则查找包含框
        脱离文档流，不保留空间
    4.   fixed    固定定位
        包含框  只能是浏览器窗口
        top/  left/   right/  bottom   控制
        不会随着混动条的  移动  而   移动
        脱离文档流   不占据空间
        层级+1
    5.  sticky   粘性定位
        根据元素和滑动条的位置， top/bottom/left/right   实现固定定位和默认定位的切换
        空间保留
        层级+1
    6.  z-index    定位的层级值
        默认的元素  自上而下  最后优先的层级
        设置  z-index   的值来修改层级效果
        必须和定位position 一起使用
11.   列表样式
    list—style—type
        列表前面的序列号类型
    list—style—image
        列表前面的序列号图片
    list—style—position
        列表前面的序列号类型—位置
12.  指针样式
    cu'rsor：wait   pointer   move   progress   zoom-in
13.   透明度
    opacity：【0-1】；
14.超链接样式
    ：link 
        未访问的
    ：visited
        访问过的
    ：hover
        鼠标经过
    ：active
        鼠标按下
    前面选住标签：     一起使用按顺序写
    pointer-events:none       
        去除鼠标事件
基本选择器
    *   通配
    tag   标签
    class   类
    id     ID
    空格    后代
    >    直接子集
    +    下一个相邻兄弟
    ～   后面所有兄弟
    ，    群组
属性选择器
    [属性名]
        按属性名查找
    [属性名=属性值]
        按属性名 和 属性值  匹配查找
    [属性名^=属性值]
        按属性名 和 属性值开头  匹配查找
    [属性名$=属性值]
        按属性名 和 属性值结尾  匹配查找
    [属性名*=属性值]
        按属性名 和 包含属性值  匹配查找
    [属性名～=属性值]
        按属性名 和  通配包含属性值（多属性）  匹配查找
伪类伪元素选择器
    超链接
        ：link    未连接
        ：visited   已访问
        ：hover   鼠标经过
        ：active   鼠标按下未松开
    表单
        ：focus   表单元素获得焦点
        ：enabled   激活表单元素
        ：disabled    失活表单元素
        ：checked   勾选表单元素
    nth
        ：first-child（第一个），last-child（最后一个）
            先找位置，后匹配元素
        ：first-of-type（第一个）， last-of-type（最后一个）
            先找元素，后匹配位置
        ：nth-child（正序），nth-last-child（倒叙）
            按位置找  可填2n-1等方程
        ：nth-of-type（正序），nth-last-of-type（倒叙）
            按类型找
        ：only-child（仅仅一个子元素，不能多个），only-of-type（仅仅一个类型的子元素，可多其他）
        ：empty
            无子元素的（空白元素）
    伪元素
        ：before
            前为元素
        ：after
            后伪元素
        ：first-line
            第一行
        ：first-letter
            第一个字符
        ：selection
            鼠标拖拽选择文本样式