css基础：定位、透明属性、锚点链接-第九天

# 四、css属性-定位

1、定位，是页面中修改元素位置的一种方式

    - 某些定位会脱离文档流

2、定位属性：position

    - 相对定位：elative

        - 不会脱离文档流

        - 相对元素的初始位置

    - 绝对定位：absolut

        - 会脱离文档流

        <!-- - 默认情况下，相对页面的可视区域根元素的初始位置 -->

        <!-- - 如果父元素具有定位，相对于父元素 -->

        - 相对于距离最近的一个具有定位元素的父级，如果没有这样的父元素，相对于根元素

    - 固定定位：fixed

        - 脱离文档流

        - 相对于浏览器的可视区域

        - 页面滚动时，固定定位的元素不会跟跟随

    - 默认定位：static

    - 粘性定位（）弹性定位：sticky

        - 不会脱离文档流

        - 元素没有到达浏览器顶部时，跟随浏览器滚动，到达浏览器顶部时不再跟随页面滚动

3、设置属性：数值+单位  

    - 表示当前元素的某个方向距离参考位置的对应方向之间的距离

    - left：

    - right：

    - top：

    - bottom：

    - 如非特殊需要，一个轴，不要同时控制两个方向

    -

4、包含快:一个具有定位元素的父级

5、定位之后的层级控制：z-index

    - 值为数值，越大越靠上，默认值为0，可以设置为负负数

    - 层叠相同时，后写的元素靠上

    - 没有定位的元素层级都为0.

6.定位元素的居中--水平垂直

    - 方法一:

        - left:50%,margin-left:当前元素宽度的负一半

        - top:50%,margin-top:当前元素高度的负一半-

    方法2:

        - left

 

# 五.锚点链接

1.单页跳转,页内跳转

2.使用a标签的跳转功能,跳转到指定的id对应的元素

# 六.css\属性---透明

1.正常浏览器:opacity:0~1     元素透明,包括所有子元素和内容

2.IE浏览器:filter:alpha(opacity=0~100)               元素透明,包括所有子元素和内容

3.颜色值的表示方式:rgba(255,255,255,0.5)            只有颜色透明,不影响子元素和其他内容