DIV+CSS技术如何快速入门,短时间完成一个小项目

html-css05

DIV+CSS技术如何快速入门,短时间完成一个小项目,第1张

这个,不好说,你首页要了解每个HTML标签,然后了解CSS中的区块属性,如float、magin等。

这些都会了,尝试自己做个简单布局的页面。

DIV+CSS布局,应多用Div、Ul/Li、Hn这些标签,标签求合理,不求多。

DIV+CSS最初,区块居中是最难的,到网上找些代码。margin:0 auto 这句话是最常用的。

会用了,再考虑浏览器兼容,当然CSS Hack技术就该上场了。

1、首先我们创建一个简单的项目,如图所示包括html,css和img三个。

2、这里是html文件,引入css和html代码文件,如图所示。

3、这里是css文件代码,上面是div和图片显示的效果代码,后面是动画效果。

4、这里是事件,这里定义了四个时间段的状态,兼容了ie的。

5、如图所示这里是效果图,会根据时间轮播显示下一张图片 了。