前端网页设计教学课件作者杜黎强编著第6次课课件

《前端网页设计教学课件作者杜黎强编著第6次课课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5次课教学回顾第5次课任务实施结果检查教学导入教学实施任务实施准备页检查知识点讲解任务实施请大家完成本次课课中页：任务4-子任务3实施记录.doc第6次课教学内容及实施环节项目准备：任务4使用DIV+CSS标准布局网页子任务3使用浮动属性布局网页对象分发本次课所用文件项目准备-任务4–子任务3-任务实施记录.doc项目准备-任务4–子任务3-任务实施总结.doc项目1-任务1(1)实施准备页.doc知识点：1、CSS+DIV网页布局的常见问题CSS“容器”属性leftCSS“容器”属性CSS的容器属性包括边距、边框、填充距和图文混排(宽度、高

2、度、浮动、清除)等属性。边距属性顺序：上、右、下、左设置四周边距margin提问：还可以用哪种方法设置边距？margin:20303036;边框属性border复合属性：使四条边框的属性值一样CSS“容器”属性提问：有何区别？填充距属性：填充距指的是文本边框与文本之间的距离。顺序：上、右、下、左设置四周填充距PaddingCSS“容器”属性填充据使用实例填充据使用前填充据使用后知识点：2、CSS浮动属性补充说明float属性值：left

3、right

4、none默认值：none适用于：所有元素使用float元素可以使文字环绕在一个元素的四周。当属性

5、值是right或left时，该元素就会相应地浮动在对象的右边或左边。clear属性值：none

6、left

7、right

8、both默认值：none适用于：所有元素这个属性是与float有关的，它可以指定在一个元素的某一边是否允许有环绕的文字（或其它对象）出现。如果指定属性值是“right”，那么该元素右侧的所有空间都不会放进任何对象。如果属性值是“none”，那么该元素四周都有对象环绕，即为默认属性值。任务实施：根据浮动属性用法，做如图所示网页布局的设计图像、文本素材可自定义课后作业1、完成第6次课项目准备-任务4–子任务3-任务实施记录.doc

9、、项目准备-任务4-子任务3实施总结和第7次课项目1-任务1(1)实施准备页2、各小组确定：项目1“班级网站”主题上传:FTP://192.168.60.1/up/第3周作业注意：作业文件夹一定要按命名规则命名