CSS初步教学步骤.doc

框架与基本（CSS+DIV）的教学步骤 准备工作： （1）进入猫扑网，看一下别人的框架网页 （2）新建一个站点，将教师提供的资料复制到图片文件夹下。 教学目标：制作如下图所示的页面。 一、框架 关于框架 建立框架并保存 建立框架并讲解 在框架中输入几个非常简单的汉字 保存框架。 制作几个新页面及完成顶部框架、底部框架的制作 讲解制作框架的目的：为了超链接 制作三个最简单的新页面：gaogeng.htm、fangao.htm和dafengqi.html。 在每个页面中加入画家的简介即可。 在顶部框架中加入最简单的链接文字 在底部框架中输入几个关于版权的文字。 完成框架的链接 将各个画家链接到对应的页面； 更改目标显示位置 完善页面：在各个画家页面中加入作者头像及作品 要求其HTML格式为： 完成后，要求在浏览器中观察各个对象的边距及排列情况。 H1是否靠边 Body是否靠边 段落文字的大小、颜色及靠边情况 二、几个非常重要的知识点 盒子模型 盒子模型是CSS控制时一个很重要的概念，只有很好地掌握了盒子模型以及其中各个元素的用法，才能真正地控制好页面中的各个元素。 所有页面中的元素都可以看成是一个盒子，占据一定的页面空间。需要通过调整盒子的边框和距离等参数，来调节盒子的大小。 结合下图，知晓padding，border，margin，content几个单词的含义 width，heigh