一、背景图片练习
解释:这个例子需要注意的是,我们背景图片嵌套到另一个图片之中。我们设计的注意点在于,怎么定位到我们想定位到的地方。
总结:背景图片就是一块一块的,我们想把块的位置定位好(一般就是宽和高的相等),然后再对图片在“块”中进行位置调整就可以了
d101_background_image_exercise
![e662fa3aecdcb0801a672f4397b68d3a.png](https://i-blog.csdnimg.cn/blog_migrate/e03076386495bfeb917e0cd0e99292e9.jpeg)
二、精灵图
1.什么是CSS精灵图
CSS精灵图是一种图像合成技术
2.CSS精灵图的作用
可以减少请求的次数,以及降低服务器的压力
3.如何使用CSS精灵图
CSS精灵图需要配合背景图片精确定位
要使用到dreamware正在安装,下次更新再进行演示
点击【右上角,关注 子瑜说IT 】持续更新IT资讯以及web前端开发教学
8年开发老码农福利赠送:网页制作,网站开发,web前端开发,从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端小程序项目实战【视频+工具+系统路线图】都有整理,送给每一位对编程感兴趣的小伙伴
获取方式:
右上角有私信,请私信发我:01 即可获取!
![fab396ae44b785a7586863856047f514.png](https://i-blog.csdnimg.cn/blog_migrate/8b5dfd5424ab9f176cf492a88cd9060c.jpeg)