cssdiv布局专题课程内容说明

《cssdiv布局专题课程内容说明》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS/DIV布局专题讲解设置图片效果-CSS/DIV专题讲解-第1课设置网页背景-CSS/DIV布局专题讲解-第2课设置表格与表单的样式-CSS/DIV布局专题讲解-第3课设置页面和浏览器的元素-CSS/DIV布局专题-第4课用CSS制作漂亮的菜单-CSS/DIV布局专题讲解-第5课CSS滤镜的应用-CSS/DIV布局专题讲解-第6课理解CSS定位与div布局-CSS/DIV布局专题讲解-第7课CSS排版-CSS/DIV布局专题讲解-第8课网页变幻-CSS/DIV布局专题讲解-第9课设置图片效果-CSS/DIV专题讲解-第1课在五彩缤纷的网络世界中，各种各样的图片组成

2、了丰富多彩的页面，能够让人更直观的感受网页所要传达给用户的信息。本课介绍CSS设置图片风格样式的方法，包括图片的边框、对齐方式、图文混排等，并通过实例综合文字、图片的各种运用。1.图片样式作为单独的图片本身，它的很多属性可以直接在HTML中进行调整，但是通过CSS统一管理，不但可以更加精确的调整图片的各种属性，还可以实现很多特殊的效果。我们在这里主要讲解CSS设置图片基本属性的方法，为进一步深入探讨打下基础。希望大家能够掌握以下两个方面的内容：·图片边框·图片缩放2.图片的对齐当图片与文字同时出现在页面上的时候，图片的对齐方式就显得尤其的重要。如何能够合理的将图片对齐到

3、理想的位置，成为页面是否整体协调、统一的重要因素。我们在这里从图片水平对齐和竖直对齐两方面出发，分别介绍CSS设置图片对齐方式的方法。希望大家能够掌握以下两个方面的内容：·横向对齐方式·纵向对齐方式3.图文混排Word中文字与图片有很多排版的方式，在网页中同样可以通过CSS设置实现各种图文混排的效果。我们在这里在上一课文字排版和上几节图片对齐等的基础上，介绍CSS图文混排的具体方法。希望大家能够掌握以下两个方面的内容：·文字环绕·设置图片与文字间距4.图文混排实例：八仙过海我们在这里通过具体实例，进一步巩固图文混排的方法，并运用到实际的网站制作中。该例以介绍中国传统的八

4、仙为题材，充分利用CSS图文混排的方法，实现页面的效果。本例最终效果如图所示。设置网页背景-CSS/DIV布局专题讲解-第2课任何一个网上的页面，它背景的颜色、基调往往是给用户的第一印象，因此在页面中控制背景通常是网站设计时一个很重要的步骤。本课在合理运用文字、图片等的基础上，重点介绍CSS控制背景颜色、图片等的方法。1.背景颜色256×256×256种RGB色彩组成了整个绚丽多姿的网络，任何一个页面都有它的背景色来突出其基调，微软的蓝色、Google的白色、世纪坛的墨绿、圣诞网站的火红等等都给人们留下很深刻的印象。我们在这里主要通过实例，介绍CSS设置页面背景颜色的方

5、法。希望大家能够掌握以下两个方面的内容：·页面背景色·用背景色给页面分块2.背景图片不单单是各种颜色，网页背景同样也可以使用图片。通过CSS可以对背景图片进行很精确的控制，包括位置、重复方式等等。我们在这里围绕背景图片的使用，对CSS的编写方法作进一步介绍。希望大家能够掌握以下几个方面的内容：·页面的背景图·背景图的重复·背景图片的位置·固定背景图片·添加多个背景图片·背景样式综合设置3.背景综合一：我的个人主页个人主页是网络上记录自己、展现自己的一种很好的形式，很多用户在网上都拥有自己的页面。个人主页可以作为宣传自己的方式，也可以用来写网络日记，汇总学习心得，记录每天

6、生活的点点滴滴。我们在这里通过制作几米风格的个人主页，进一步学习CSS控制网页背景在实际中的运用方法，本例的最终效果如图所示。 4.背景综合二：古词《念奴娇赤壁怀古》通过添加各种标记，可以让页面拥有多个背景，如果运用得当还可以得到各种效果。我们在这里以古词为例，进一步巩固页面背景的使用方法。本例最终效果如图所示。设置表格与表单的样式-CSS/DIV布局专题讲解-第3课表格与表单是网页上最常见的元素，表格除了显示数据外，还常常被用来排版。而表单则作为与用户交互的窗口，时刻都扮演着信息获取和反馈的角色。本课围绕表格和表单介绍CSS设置其样式的方法，以及利用CSS实现各种特效

7、的技巧。1.控制表格表格作为传统的HTML元素，一直受到网页设计者们的青睐。使用表格来表示数据、制作调查表等在网络中屡见不鲜。同时因为表格框架的简单、明了，使用没有边框的表格来排版，也受到很多设计者的喜爱。我们在这里主要介绍CSS控制表格的方法，包括表格的颜色、标题、边框、背景等。希望大家能够掌握以下几个方面的内容：·表格中的标记·表格的颜色·表格的边框2.表格实例一：隔行变色当表格的行列都很多、数据量很大的时候，单元格如果采用相同的背景色，用户在实际使用时会感到凌乱。通常的解决办法就是采用隔行变色，使得奇数行和偶数行的背景颜色不一样，达