1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。
2、这里是html文件，引入css和html代码文件，如图所示。
3、这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。
4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。
5、如图所示这里是效果图，会根据时间轮播显示下一张图片 了。
在html中调用css文件步骤如下：
1、首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可。
2、打开软件，点击file，选择New project，在弹出的对话框中，选择static web选项中的html5，点击next，在新对话框中，输入项目名称，点击finish。
3、新建一个文件，后缀为.css。
4、在body中添加一个元素h1，写上内容标题1，在css文件中设置标题1的颜色。
5、在html文件中，利用link标签，调用写好的css文件。
6、点击run，预览写好的效果。
HTML5使用link引入外部css<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
style.css/外部css文件名
