第四章 CSS网页样式基础

返回首页   目录   上一章   下一章  

---

4.1  认识盒子模型

4.2  盒子模型相关属性

• 【例4-1】
• 【例4-2】
• 【例4-3】
• 【例4-4】
• 【例4-5】
• 【例4-6】
• 【例4-7】
• 【例4-8】
• 【例4-9】
• 【例4-10】
• 【例4-11】

4.3  元素类型

• 【例4-12】

4.4  元素类型的转换

• 【例4-13】

4.5  元素所占空间的计算

• 【例4-14】
• 【例4-15】
• 【例4-16】

4.6  CSS3选择器与常用的样式属性

• 【例4-17】
• 【例4-18】
• 【例4-19】
• 【例4-20】
• 【例4-21】
• 【例4-22】
• 【例4-23】

【项目实战】

• 项目 4-1  利用盒子模型原理制作“专题学习”模块效果
• 项目 4-2  精灵图技术的应用
• 项目 4-3  仿腾讯IMQQ网页视差背景效果

【实训作业】

• 实训任务 4-1  使用精灵图技术制作淘宝首页局部效果
• 实训任务 4-2  商品展示页局部效果的实现