单元3 CSS基础-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

《Web前端开发之网页设计》课程教学单元设计 教学单元3 CSS基础 授课教师： 授课班级: 学时：20 教学条件 预装Web前端开发工具HBuilder等的计算机；局域网环境；教学广播软件 教学素材 教材、教学文档、教学课件、案例项目库、教学平台等 教学目标设计 知识目标： (1) CSS基本概念 (2) CSS选择器 (3) CSS文本样式 (4) CSS背景和边框样式 (5) CSS盒子模型 (6) CSS设置超链接和列表样式 (7) 设置表格和表单样式 (8) CSS浮动布局 (9) CSS定位布局 (10) CSS的继承性与优先级 能力目标： (1) 了解CSS的基本概念，掌握CSS的基本语法以及在网页中引入CSS的方法。 (2) 理解选择器的作用，掌握CSS各类型选择器的使用。 (3) 了解网页文本、网页元素的背景和边框的各种属性，掌握它们的设置方法。 (4) 理解盒子模型，掌握对网页元素进行内、外边距控制的方法。 (5) 掌握运用CSS灵活设置超链接、列表、表格以及表单外观样式的技能。 (6) 了解CSS样式属性的继承性与优先级。 教学内容 (1) CSS概述、CSS各种加载方法 (2) CSS选择器基础，掌握选择器类型特征、适合场景 (3) CSS文本样式，理解文本表现形式，掌握文本样式设计 (4) CSS背景和边框样式，理解不同网页元素表现形式，掌握背景与边框样式设计 (5) CSS盒子模型，理解盒子模型原理，掌握内外边距、边等属性的设计要点 (6) CSS设置超链接和列表样式，掌握超链接的样式设计，各导航列表的样式设计 (7) CSS设置表格和表单样式，掌握利用表格实现分类，综合利用所学来实现表单设计 (8) CSS浮动布局+CSS定位布局，掌握基础布局技术，灵活实现综合页面设计 (9) CSS的继承性与优先级，掌握网页元素显示顺序 重点： (1) CSS不同场景对加载方式的要求。 (2) 文本、图片、超链接、列表、表格、表单等各种元素的背景、边框等样式。 (3) 用浮动、定位布局实现页面样式设计。 (4) 关注网页元素的继承性与优行级顺序。 难点： (1) 基础网页元素的样式设置。 (2) 网页基础结构的样式的设置。 (3) 表单、列表等复杂结构的设置。 (4) 灵活运用基础结构来设置复杂的网页结构。 ( 6 )原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $