稍微有点css知识的人都知道，对于已知宽度高度的元素水平垂直居中很好实现。但对css不是很熟悉，想要让高度和宽度都不知道的元素水平和垂直都居中，可就没那么容易了。其实通过css实现对未知高度和宽度的元素水平和垂直居中的方法还是很多的。
很多时候为了页面的整体布局，图片或者视频在页面中安排的位置都不会太大，但用户在浏览的时候又想全屏查看视频 图片，互联网上的很多应用的全屏功能都是通过双击来实现的，这也导致了用户在浏览网页遇到图片就会习惯性的双击放大查看。
图片轮播切换是网站banner图常用的功能，很多网站的这个功能都是通过js来实现的，自从css3新增动画功能后，图片轮播切换不需要js也可以实现了。
图片上传在线预览是一个非常实用的功能，它可以告诉我们刚刚上传的图片是否是我们想要上传的图片，这对提升用户体验是非常有必要的。而且绝大多数的互联网应用只要有图片上传功能，都能够实时预览上传的图片。
在css3出现以前，想要在网页上实现动画特效几乎都是通过JavaScript或JavaScript的相关插件来实现，但css3出现后，利用css3的animation属性就可以实现很多我们想要的动画特效，而不必再依赖JavaScript。
npm在windows系统中安装，那么npm是什么呢？npm全称为Node Package Manager，是一个基于Node js的包管理器，也是整个Node js社区最流行、支持的第三方模块最多的包管理器。npm的初衷：JavaScript开发人员更容易分享和重用代码。
