学习时间：2.5小时；
终于结束了期末考试，可以重拾我的代码事业。今天学了css的雪碧图。其实也不难，用简单的话来说，就相当于PS里的蒙版——两层小玻璃片，底下是完整的图案，上面那张玻璃片则负责挡住底下的图案，只露出需要露出的部分。这样可以减少html请求数，加速内容显示。
具体做法：1.做雪碧图： 用PS将图标组合成大的雪碧图（简单页面）或者用sprite工具做（大网站）
2.“遮”：用background-position实现（将背景图片放在坐标系里，左上角对应原点，图片在第四象限）
be better。
PS：最近看了邱国鹭先生的《投资中最简单的事》，里面有一段话很触动我，大致意思是：“行业护城河很重要，而互联网行业（尤其是技术行业）更新换代快，过三五年技术就要更新一次，护城河就要推掉重来。这是一个后浪不断将前浪拍死在沙滩上的行业。”
学习时间：2.5小时； 终于结束了期末考试，可以重拾我的代码事业。今天学了css的雪碧图。其实也不难，用简单的话来...
采用css雪碧图（css sprite/css图片精灵）技术 采用css雪碧图（css sprite/css图片精...
一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 css雪碧图又叫css精灵或css sprite，...
CSS Sprite(雪碧图)指什么? 有什么作用 CSS雪碧图 即CSS Sprite，也有人叫它CSS精灵图，...
1. 雪碧图 1.1. 雪碧图 雪碧图（sprite）也叫CSS精灵， 是一CSS图像合成技术； 该方法是将小图标...
1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 简介CSS Sprites(雪碧图|精灵图)是一种...
1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS雪碧 即CSS Sprite，也有人叫它CS...
一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用？ CSS雪碧 即CSS Sprite,也有人叫它C...
1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS Sprite(雪碧图|精灵图)指该方法是将...
1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS雪碧 即CSS Sprite，也有人叫它CS...
本文标题：Day.19 CSS雪碧图
本文链接：https://www.haomeiwen.com/subject/gjmgpftx.html
网友评论