当前位置: 首页 > 面试题库 >

你是怎么设计css sprites(精灵图)的?有哪些技巧?

沃宇
2023-03-14
本文向大家介绍你是怎么设计css sprites(精灵图)的?有哪些技巧?相关面试题,主要包含被问及你是怎么设计css sprites(精灵图)的?有哪些技巧?时的应答技巧和注意事项,需要的朋友参考一下

css sprites 一般用于局部布局小图标背景
用ps 测量出精确的坐标将图片拼在一起 再利用css的background-position属性进行定位
横坐标定位时
Y轴保持不变 每个元素的坐标等于前面元素的横坐标值加上宽度
纵坐标定位时
X轴不变 每个元素的坐标等于前面元素的纵坐标值加上高度

 类似资料:
  • 主要内容:概述,业务场景介绍,Spring Cloud核心组件:Eureka,Spring Cloud核心组件:Feign,Spring Cloud核心组件:Ribbon,Spring Cloud核心组件:Hystrix,Spring Cloud核心组件:Zuul,总结概述 毫无疑问,Spring Cloud是目前微服务架构领域的翘楚,无数的书籍博客都在讲解这个技术。不过大多数讲解还停留在对Spring Cloud功能使用的层面,其底层的很多原理,很多人可能并不知晓。因此本文将通过大量的手绘图,

  • 本文向大家介绍你是怎么调试NodeJs呢?有哪些方法?相关面试题,主要包含被问及你是怎么调试NodeJs呢?有哪些方法?时的应答技巧和注意事项,需要的朋友参考一下 使用VSCode 使用命令窗口 node debug xxx 使用浏览器 需要提前安装 node-inspector

  • 本文向大家介绍请说说你了解的设计模式有哪些?相关面试题,主要包含被问及请说说你了解的设计模式有哪些?时的应答技巧和注意事项,需要的朋友参考一下 1、单例模式 在软件系统中,经常有这样一些特殊的类,必须保证它们在系统中只存在一个实例,才能确保它们的逻辑正确性、以及良好的效率。保证一个类仅有一个实例,并提供一个该实例的全局访问点。 (1)经典模式--单线程 对于线程来说不安全;但在单线程中已满足要求。

  • 我有一个带有两个顶点的简单图,具有id'a'和'b'。 我已将两条边从“a”分配到“b”,其中每条边都有标签=“foo” [1] 小精灵 == == 每条边都有一个属性key=“已提交”。 [2] 小精灵 == == 我的问题:我想像步骤[2]一样枚举边缘并返回它们各自的属性,但是如何将结果中的边缘属性匹配回它们各自的边缘(id)?我得到的只是属性键值分配;没有与边缘id相关的内容。 谢谢 乔尔·

  • 本文向大家介绍dom是什么,你的理解?dom的api有哪些?相关面试题,主要包含被问及dom是什么,你的理解?dom的api有哪些?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就

  • 在get_hit=pyGame.sprite的第82行,我检查sprite碰撞的移动时,它会给出错误提示:“:File”c:\Users\pc\VS_PYTHON_PY\pyGame.PY“。”。spritecollide(Player,敌方,True)文件“C:\python py\lib\site packages\pygame\sprite.py”,第1682行,位于spritecrolli