博学谷——让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复合属性
清除超链接图像的边框 链接伪类 锚点链接