我爱编程

Day.19 CSS雪碧图

2018-07-17  本文已影响4人  影落潮生

学习时间:2.5小时;

终于结束了期末考试,可以重拾我的代码事业。今天学了css的雪碧图。其实也不难,用简单的话来说,就相当于PS里的蒙版——两层小玻璃片,底下是完整的图案,上面那张玻璃片则负责挡住底下的图案,只露出需要露出的部分。这样可以减少html请求数,加速内容显示。

具体做法:1.做雪碧图: 用PS将图标组合成大的雪碧图(简单页面)或者用sprite工具做(大网站)

                    2.“遮”:用background-position实现(将背景图片放在坐标系里,左上角对应原点,图片在第四象限)

be better。

PS:最近看了邱国鹭先生的《投资中最简单的事》,里面有一段话很触动我,大致意思是:“行业护城河很重要,而互联网行业(尤其是技术行业)更新换代快,过三五年技术就要更新一次,护城河就要推掉重来。这是一个后浪不断将前浪拍死在沙滩上的行业。”

上一篇下一篇

猜你喜欢

热点阅读