day07

1.定位：将元素放到指定的位置上。
语法：
position:定位方式;
left:px;或者 right:px;
top:px;或者 bottom:px;

定位方式有：
1.static静态定位：每个元素自带的默认的定位方式。
2.fixed固定定位:基于浏览器当前屏幕、浏览器窗口进行定位。
position:fixed;
left:px;或者 right:px;
top:px;或者 bottom:px;
注意：被设置固定定位的元素，会脱离文档流，元素都可以设置宽高等，不设置尺寸就由内容决定

        1.**盒子完全居中 【面试题】**<br />                **方式1：**<br />                    position:fixed;<br />                    top:50%;<br />                    margin-top：负高度的一半;<br />                    left:50%;<br />                    margin-left:负宽度的一半;
            **方式2：**<br />                    position: fixed;<br />                    top: 0;<br />                    bottom: 0;<br />                    left: 0;<br />                    right: 0;<br />                    margin: auto;
    3.**relative相对定位**：基于元素本身的位置。<br />            position:relative;<br />            <br />        4.**absolute绝对定位**：基于最近的被设置非静态定位的上级元素进行定位，如果没有就基于浏览器第一屏进行定位。<br />            position:absolute;<br />            left:*px;或者 right:*px;<br />            top:*px;或者 bottom:*px;
        **应用：子绝父相**<br />    <br />    **背景图和<img>的选择： **<br />        1.经常更换的使用img   【广告、商品、产品】<br />        2.网页的结构使用img<br />        3.不经常更换的、精灵图使用背景图实现。

2.锚点链接—将要跳转的区域显示在可视界面上。
提示文字 —【电梯按键】

3.透明度
opacity:0~1的数字;
filter:alpha(opacity=0~100的数字); 【低版本的兼容写法】

如果希望背景色透明，但是里面的内容不透明，应该使用透明的背景色哦！   rgba(R,G,B,0~1的透明度的值)<br />    <br />    **0代表完全透明，1或者100代表完全不透明**