超级链接的美化：

1、伪类：同一个标签，根据用户的某种状态不同而有不同的样式，用冒号表示。

2、a标签有四种伪类：

   a:link  表示用户没有点击过这个链接的状态（颜色）

   a:visited  表示用户访问过了这个链接的状态

   a:hover   表示用户鼠标悬停的时候链接的状态

   a:active   表示用户用鼠标点击这个链接，但不松开时的状态

3、注意：a标签的这四种状态必须按照固定的顺序写，否则失效，又因为a标签涵盖了     link,visited这两种状态 ，所以这两个可以省略。还有，所有的a没有继承性，因为a自己有一个伪类的权重。

background系列属性：

1、background-color 背景颜色

2、background-image 背景图片

   background-image:url（相对路径）

3、background-repeat 设置背景是否重复

   background-repeat:no-repeat;（不重复，只有一张图）

   background-repeat:repeat-x;（横向重复）

   background-repeat:repeat-y;（纵向重复）

4、background-position 背景定位

   background-position:向右移动量（100px） 向下移动量（-100px）

   background-position:描述左右的词（left,right,center） 描述上下的词（top,bottom,center）

5、background-attachment 背景固定，不会被滚动条滚走

   background-attachment:fixed;（只有文字动，图片不动）

6、background综合属性

   background:red url() no-repeat 100px 100px fixed;  以上内容的简写

定位：

1、相对定位：position:relative;

             top:10px;

             left:40px; 向右下移

   微调元素位置，让元素相对自己原来的位置，进行位置调整，但物理位置还在原来的位置，不脱离标准文档流。

2、绝对定位：position:absolute;

   （1）脱离标准文档流，不用display:block也可以设置宽高。

   （2）参考点：用top描述时，参考点就是页面的左上角不是浏览上的左上               角；用bottom描述时，参考点就是浏览器首屏窗口的左下角。

   （3）以盒子为参考点，一个绝对定位的元素，如果父辈元素中也出现了定位的元素，那么将以父辈这个元素为参考点。

   （4）绝对定位的盒子无视父辈盒子的padding

   （5）绝对定位的盒子居中：在绝对定位后，margin:0 auto失效，方法：

left:50%;margin-left:盒子宽度的一半。

3、固定定位：相对浏览窗口定位，页面如何滚动，盒子显示的位置不变，脱离标准文档流。

4、z-index值:表示谁压着谁

  （1）数值大的压盖着数值小的

        .box1{

width: 200px;

height: 200px;

background: yellowgreen;

position: absolute;

top: 100px;

left: 100px; z-index: 444;

}

.box2{

width: 200px;

height: 200px;

background: skyblue;

position: absolute;

top: 180px;

left: 180px;

z-index: 333;

}

  （2）只有定位的元素才能有z-index值，定位的元素永远能够压住没有定位的元素，浮动的东西不能用。

  （3）z-index没有单位，就是一个正整数，默认是0

  （4）如果大家都没有z-index值，或值一样，那么谁写在后面谁就能压住别人

  （5）有从父现象

css