1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器。

并且由于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新那么，有没有一种新的方法可以避免这些缺点呢？有的，HTML5和CSS3就可以满足你的需求甚至，它可以做的更多，更好作为一名设计师。

1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maximumscale=10 minimumscale=10 userscalable。

HTML5和CSS3是HTML和CSS的最新版本HTML和CSS并不难理解HTML为构成网页的主要语言通过这种语言，我们可以向计算机说明网页格式内容显示效果等等而CSS则是专门用来控制网页显示效果的语言。

利用HTML5可以绘制很多静态的图像，也可以制作一些炫酷的动画，本文分享了8个利用HTML5和CSS3实现的动画演示，同时也分享了源代码供大家下载参考1HTML5 3D点阵列波浪翻滚动画这个HTML5 Canvas动画非常壮观，给人一种破浪。

1HTML5是网页的基础语言 2简单并概括来说，CSS3是对HTML5内容进行布局即安排每一块内容的位置添加外观样式方法步骤 HTML5是网页的基础语言，主要用于描述超文本中内容的显示方式它是学习Web前端开发的第一。

1首先我们创建一个简单的项目，如图所示包括html，css和img三个2这里是html文件，引入css和html代码文件，如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了。