web的定位,背景图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web的定位,背景图相关的知识,希望对你有一定的参考价值。

1)固定定位position:fixed;
  参照物:浏览器窗口

2)相对定位position:relative;
  参照物:自己在改变位置之前的位置


3)绝对定位position:absolute;
参照物:已经设置了相对定位的父元素
  top:距离父元素的上距离
  left:距离父元素的左距离

 

背景图:
background-img:url();
平铺
background-repeat:no-repeat/repeat-x/repeat-y;
背景图位置
background-position:横坐标 纵坐标/center;

选择器:
id class tag
后代 #box span
子 #box>span
交集选择器 #box,#box1
伪类
标签:hover{

}


















以上是关于web的定位,背景图的主要内容,如果未能解决你的问题,请参考以下文章

移动端适配之sprite雪碧图背景定位

文本属性 以及背景图设置 相对 绝对定位 042

前端如何把背景图作为参数

Web前端之背景雪碧图

背景图全屏显示

css 如何实现随机背景图?