仿LOL首页项目知识点总结

1、z-index：指定一个元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。
eg：

img
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}   /* 图片在最下面*/

2、cursor：鼠标移动到相应部位时，光标会发生变化。

几个常用：

• pointer>>光标呈现为指示链接的指针（一只手）
• text>>此光标指示文本
• move>>此光标指示某对象可被移动。

3、margin取值（上、右、下、左）：

• （上、左右、下）
  如果外边距指定了 3 个值，则第 4 个值（即左外边距）会从第 2 个值（右外边距）复制得到。
• （上下、左右）
  如果给定了两个值，第 4 个值会从第 2 个值复制得到，第 3 个值（下外边距）会从第 1 个值（上外边距）复制得到。
• （上下左右）
  如果只给定一个值，那么其他 3 个外边距都由这个值（上外边距）复制得到。

4、去掉超链接样式：text-decoration: none