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:;
- 当层级相同时后写的在上边 层级大的在上边
- 如果两个元素是非父子元素时,层级高的在上方
- 如果两个元素是父子元素时,子元素在上方
绝对定位中位置属性的定位规则
- 看父元素有没有定位属性,若有,依据父元素四条边定位,若没有参考第二条;
- 看父元素的父元素有没有定位属性,若有,依据父元素的父元素的四条边进行定位,若没有,参考第三条;
- 继续一层一层网上找,一直找到有定位属性的父元素,或者是html的根元素,依据四条边定位。
- 无论是浮动还是定位,本质上说,对内部元素没有影响
cursor
- pointer手型
- wait等待