定位锚点透明

1.定位

让元素排列到指定位置，特指position

2.语法：

position：定位方式

left:*px; 或者 right： *px;

top:*px; 或者 bottom： *px;

3.定位方式：

1.static静态定位：默认的定位方式；

2.fixed固定定位：基于浏览器窗口；

1.盒子完全居中【面试题】

方案1

position：fixed;

margin-top:负盒子高度的一半；

left：50%；

margin-left：负盒子宽度的一半；

方案2

position:fixed;

top:0;

bottom:0;

left:0;

right:0;

margin:auto;

3.relative相对定位：基于元素自身进行定位。【不会脱离文档流】

4.absolute绝对定位：是基于最近的 被设置了非静态定位的 上级元素进行定位，如果没有上级，就基于浏览器第一屏

应用：子绝父相（ 下级绝对定位 上级相对定位）

2.img图片和背景图的选择

1.经常更换，数据库从数据库来的，都需要用img

2.是页面结构的部分

3.精灵图必须使用背景图

3.锚点链接：跳转到同一页面的不同位置

<div id="id名">链接要去到的内容</div>
<a herf="#对应区域id名">电梯楼层提示</a>

4.z轴上的层次堆叠

z-index：数字；

说明：每个元素默认值为0，该属性的值可正可负，大的覆盖小的

注意：该属性要生效，元素身上必须有设置非静态定位！