今天我们讲的样式都非常好♂玩♂，和位置有关。先上表：
| position | 规定元素的定位类型。其中”absolute”为绝对定位 |
| top | 在绝对定位中用于定义元素距离屏幕顶端的距离 |
| bottom | 在绝对定位中用于定义元素距离屏幕底端的距离 |
| left | 在绝对定位中用于定义元素距离屏幕最左端的距离 |
| right | 在绝对定位中用于定义元素距离屏幕最右端的距离 |
| z-index | 设置元素的堆叠顺序（z轴位置）越高的在越上面 |
| opacity | 一个0~1之间的数字，设置元素的透明度 |
先讲 position。
这个样式比较有用的是绝对定位（absolute）。可以直接确定一个元素的位置。通过定义top bottom left right 这四项中的两项（例如上和左）来确定一个元素的位置。
距离屏幕顶端90像素，屏幕最左端90像素。
接下来我将会为大家演示如何制作遮罩。绝对定位和 z-index、opacity 配合后，就可以达到遮罩的效果
比如这里有一个超链接
我们定义一个比他大一点的 div 元素，然后移到他的上方：
由于这个块元素定义的比链接晚，所以它在链接的上层，完全遮住了文字。
但是我们不敢肯定，所以我们把它的 z-index 调为100。
最后我们把 opacity 调为0.5左右（透明度，越小越透明）一个半透明的遮罩就做好了。
这个遮罩在上面，可以阻止它下面的链接被点击，并可以看到内容。
作者：
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
本来想做小程序，结果开了个公众号天天在那边写稿
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
