1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。
2、这里是html文件，引入css和html代码文件，如图所示。
3、这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。
4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。
5、如图所示这里是效果图，会根据时间轮播显示下一张图片 了。
1，直接在html标签元素内嵌入css样式，如<div style="font-size:14pxcolor:#FF0000">2，在html头部head部分内style声明插入代码如下：
<style type="text/css">
<!-- 这里是设置CSS的样式内容*/ -->
</style>
3,使用@import引用外部CSS文件方法
<style type="text/css">
<!-- @import url(wacss.css)/*这里是通过@import引用CSS的样式内容,必须要有wacss.css这个文件*/ -->
</style>
4、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wacss.css" type="text/css" />来调用外部的wacss.css文件来实现html引用css文件
第三种很少用到，实际的开发中常用的是1跟4，具体用哪种看你自己的需要
