2018.10.23背景,位置偏移和雪碧图

背景
插入背景图片
background-image:url(img/图片)

背景颜色不会超过背景图片

设置是否如何重复背景图片
background-repeat:no-repeat 只显示一个图片
background-repeat:repeat-x 水平方向铺满
background-repeat:repeat-y 垂直方向铺满

给整个页面设背景,给body设置

位置偏移与定位
background-position:left center 只给一个值的话,第二个值默认是center
background-position:50px 50px 设置水平和垂直的偏移量,也可以设置为负的
background-attachment:fixed; 设置背景图片不会随着屏幕的滚动而滚动
雪碧图
一张图片上加载多个小图,优点,可以把多个图片整合为一张,浏览器只需要发生一次
请求,为什么一大张的图片要比三张站的内存小呢?因为每个图片占一个文件,三个图
片就占三个文件,他们的颜色保存在颜色表里,他省的地方就是颜色表的内存

你可能感兴趣的:(2018.10.23背景,位置偏移和雪碧图)