1、首先准备一个HTML结构的文档,页面可以制作的简单点。
2、然后在页面的body区域中放置一个img图片。
3、我们先来运行一下页面,你会在页面中看到如下图所示的圆圈。
4、接下来我们就需要对页面进行CSS处理,如下图所示,给img图片添加样式,注意里面有旋转样式。
5、然后实现旋转的设置,这个是CSS3的新功能,主要是对图片进行旋转度数的设置。
6、最后运行程序,你会看到页面中的圆圈在不停的旋转,和我们平常看到的加载中的效果很像。
关于CSS是什么:CSS是用于布局与美化网页的.
CSS是Cascading Style Sheets的英文缩写,即层叠样式表.
CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
CSS是大小写不敏感的,CSS与css是一样的.
关于使用CSS的几个优势:
内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了.
表现的统一,可以使网页的表现非常统一,并且容易修改.
CSS可以支持多种设备,比如手机,PDA,打印机,电视机,游戏机等.
使用CSS可以减少网页的代码量,增加网页的浏览速度,减少硬盘容量.