美文网首页我爱编程
Day.19 CSS雪碧图

Day.19 CSS雪碧图

作者: 影落潮生 | 来源:发表于2018-07-17 18:53 被阅读4次

    学习时间:2.5小时;

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

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

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

    be better。

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

    相关文章

      网友评论

        本文标题:Day.19 CSS雪碧图

        本文链接:https://www.haomeiwen.com/subject/gjmgpftx.html