一、背景图片练习
解释：这个例子需要注意的是，我们背景图片嵌套到另一个图片之中。我们设计的注意点在于，怎么定位到我们想定位到的地方。
总结：背景图片就是一块一块的，我们想把块的位置定位好（一般就是宽和高的相等），然后再对图片在“块”中进行位置调整就可以了
<!doctype html><h迎国庆诗歌tml lang="en"><head> <meta chart="utf-8"> <title>d101_background_image_exerci</title> <style> .box1{ width: 1600px; 测测cp height: 900px; background-image: url("image/scratch_fish.jpg"); background-position: center center; } .box2{ width: 1600px; height: 500px重于泰山轻于鸿毛; background-image: url("image/buyudaren.jpg"); background-position: center center; background-repeat: no-repeat; }</style></head><body><div class="box1"> <div class="box2"></div></div></body></html>二、精灵图
1.什么是css精灵图
css精灵图是一种图像合成技术
2.css精灵图的作用
可以减少请求的次数，以及降低服务器的压力
3.如何使用css精灵图
css精灵图需要配合背景图片精确定位
要使用到dreamware正在安装，下次更新再进行演示
三、源码：
d101_background_image_exerci.html
地址:
https://github.com/ruigege66/html_learning/blo带有月的古诗b/master/d101_background_image_exerci.html
2.csdn：https://blog.csdn.net/weixin_44630050（心悦君兮君不知-睿）
3.博客园：https://大学生社会实践报告3000字www.cnblogs.com/ruigege0000/
4.欢迎关注微信公众号：傅里叶变换，后台回复“礼包”获取java大数据学习视频礼包
本文发布于:2023-04-07 04:03:26，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/493ccac34a0b25315b3c97178b9e84b7.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：HTML连载35.doc
本文 PDF 下载地址：HTML连载35.pdf
| 留言与评论（共有 0 条评论） |
