background，position，绝对定位中位置属性的定位规则，cursor

backgorund背景

• background-color:red; 背景颜色
• background-image:url(路径);背景图片
• background-repeat:no-repeat;不重复
• background-repeat:repeat-x/y;x轴上重复
• background-position:right bottom;右下角 [top center] 上边中间
• background-position:50% 50%; [20px 70px;]
• background:red url() no-repeat 100px 100px;
• background-attachment:fixed; 固定定位 (相对于浏览器)
• bancground-position:0(y右移) 50px(下移);[center top]背景精灵时

只让背景透明 文字不透明

• 可以使用rbga，如：background:rgba(0,0,0,0.3);
• 最后一个值是透明度，范围0到1，
• 前3个是rgb的颜色值。

position定位

• fixred固定定位
• 当元素是固定定位时：四个方位属性，是依据浏览器的四条边进行定位
• top:; left:; bottom:; right:;有了定位属性才有这四个属性
• relative
• absoulute
• z-index:；
• 当层级相同时后写的在上边 层级大的在上边
• 如果两个元素是非父子元素时，层级高的在上方
• 如果两个元素是父子元素时，子元素在上方

绝对定位中位置属性的定位规则

1. 看父元素有没有定位属性，若有，依据父元素四条边定位，若没有参考第二条；
2. 看父元素的父元素有没有定位属性，若有，依据父元素的父元素的四条边进行定位，若没有，参考第三条；
3. 继续一层一层网上找，一直找到有定位属性的父元素，或者是html的根元素，依据四条边定位。

• 无论是浮动还是定位，本质上说，对内部元素没有影响

cursor

• pointer手型
• wait等待