前言
在写网页的时候要显示一张图片,有两种方法:一种是使用img标签向网页中嵌入图片(注意:从技术上讲,<img>
标签并不会在网页中插入图像,而是从网页上链接图像。<img>
标签创建的是被引用图像的占位空间);第二种则是设置背景图片,可以设置一张图片为背景图片,而为了减少http的请求,提高页面的性能,一般会使用雪碧图(也叫“精灵图”)或者使用字体图片的方法。
清风自来,浅笑安然
在写网页的时候要显示一张图片,有两种方法:一种是使用img标签向网页中嵌入图片(注意:从技术上讲,<img>
标签并不会在网页中插入图像,而是从网页上链接图像。<img>
标签创建的是被引用图像的占位空间);第二种则是设置背景图片,可以设置一张图片为背景图片,而为了减少http的请求,提高页面的性能,一般会使用雪碧图(也叫“精灵图”)或者使用字体图片的方法。
之前逛了一下小米官网,发现里面有一些非常有意思的动画,并且这些动画给我的感觉非常有动感美。特意看了下官网代码,发现使用的是transition: transform 1s cubic-bezier(0.15, 0.73, 0.37, 1.2);
,贝塞尔曲线的使用使得这些动画更加柔和自然了。说起来自己对于transition的使用都有些陌生了,现在重新学习并记录下。
tag:
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true