就是把多张小图放在一张大图上面,然后使用background-position来使用. 小公司,背景图片很少的情况,没有必要使用精灵技术,维护成本高.
- HTML
- 浏览器内核
- Web标准
- HTML标签关系
- 路径
- 表单
- datalist
- fieldset
- H5新增input
- 列表
- 表格
- 网站优化三大标签
- CSS
- 规则
- 命名规则
- 伪类选择器
- 块级元素和行内元素区别
- 权重
- 盒子模型
- 浮动
- 清除浮动
- 版心和布局流程
- 定位
- 元素的显示和隐藏
- overflow溢出
- CSS用户界面样式
- 垂直对齐
- 取出图片地测空白缝隙
- 溢出的文字隐藏
- 精灵技术
- 字体图标
- 滑动门
- before和after伪元素
- 2D
- 过度效果
- translate
- scale
- rotate
- skew
- 3D
- 左手法则
- rotateX,Y,Z旋转
- perspective
- translateZ
- translate3d
- backface-visibility
- 动画(animation)
- 概述
- 伸缩布局
- BFC
- 优雅降级和渐进增强
- 背景渐变
- CSS统一验证工具
- CSS压缩工具
- 移动web基础知识
- 基础
- 像素密度
- 设备独立像素
- css像素
- 2倍图
- 调试
- 视口的概念及设置
- PC端的视口
- 移动端的视口
- 移动端页面正常展示的解决方案
- 移动端viewport设置
- 移动站点和浏览器的说明
- 响应式开发
- 基础
- 媒体查询
- 媒体查询条件判断
- 媒体功能
- 使用媒体查询设置页面布局
- bootstrap