雪碧图
一张图片上加载多个小图,优点,可以把多个图片整合为一张,浏览器只需要发生一次
请求,为什么一大张的图片要比三张站的内存小呢?因为每个图片占一个文件,三个图
片就占三个文件,他们的颜色保存在颜色表里,他省的地方就是颜色表的内存
一张图片上加载多个小图,优点,可以把多个图片整合为一张,浏览器只需要发生一次
请求,为什么一大张的图片要比三张站的内存小呢?因为每个图片占一个文件,三个图
片就占三个文件,他们的颜色保存在颜色表里,他省的地方就是颜色表的内存
背景
插入背景图片
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; 设置背景图片不会随着屏幕的滚动而滚动
插入背景图片
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; 设置背景图片不会随着屏幕的滚动而滚动