补充

1. 精灵图(盒子的背景图)

项目中将多张小图片,合并成一张大图片,这张大图片称之为精灵图

使用步骤:

  1. 创建一个盒子

  2. 通过PxCook量取小图片大小,将小图片的宽高设置给盒子

  3. 将精灵图设置为盒子的背景图片

  4. 通过PxCook测量小图片左上角坐标,分别取负值设置给盒子的background-position:x

 

 

 

 

2. 背景图片大小

 

 

 

 

3. 文字阴影

 

 

4. 盒子阴影

 

 

 

 

 

 

5. 过渡

 

 

 

 

 SEO三大标签

 

posted @ 2022-12-06 19:03  清空。  阅读(32)  评论(0)    收藏  举报