《HTML+CSS+JavaScript网页制作案例教程》_教学大纲

博学谷——让IT教学更简单，让IT学习更有效

? 掌握CSS复合选择器，可以快捷选择页面中的元素。

? 理解CSS层叠性、继承性与优先级，学会高效控制网页元素。

第四章 CSS盒子模型（8学时）

[相关案例]

【案例7】音乐盒：

【案例8】用户中心：

【案例9】咖啡店banner：

博学谷——让IT教学更简单，让IT学习更有效

【案例10】图标导航栏：

[知 识 点]

? ? ? ? ? ? ? ? ?

认识盒子模型 div标记 边框属性 内边距属性 外边距属性 背景属性 元素的类型 span标记 元素的转换

[重 点]

? ? ? ? ? ?

div标记 边框属性 内边距属性 外边距属性 背景属性 元素的转换

[难 点]

? 背景属性 ? 元素的类型 ? 元素的转换

[基本要求]

? 掌握盒子模型相关属性，能够使用它们熟练地控制网页元素。 ? 理解块元素与行内元素的区别，能够对它们进行转换。

博学谷——让IT教学更简单，让IT学习更有效

第五章 列表与超链接（6学时）

[相关案例]

【案例11】精美电商悬浮框：

【案例12】二维码名片：

【案例13】电商团购悬浮框：

博学谷——让IT教学更简单，让IT学习更有效

【案例14】唱吧导航栏：

唱吧导航栏默认效果

鼠标移上歌曲分类时

[知 识 点]

? ? ? ? ? ? ? ? ? ? ?

无序列表 有序列表 定义列表

定义列表实现图文混排 列表嵌套

list-style复合属性

背景图像定义列表项目符号 超链接标记

清除超链接图像的边框 链接伪类 锚点链接