第5章 CSS盒子模型.pptx

文档介绍：第5章 CSS盒子模型
《HTML5+CSS3网站设计基础教程》（第2版）
学****目标/Target
掌握盒子的相关属性，能够制作常见的盒子模型效果。
掌握背景属性的设置方法，能够设置背景颜色和图像。
理解渐变属性的原理，能够设置渐变背景。
熟悉CSS控制列表样式的方式，能够运用背景图像定义列表项目符号。
章节概述/ Summary
盒子模型是网页布局的基础，只有掌握了盒子模型的各种规律和特征，才可以更好地控制网页中各个元素所呈现的效果。接下来，本章将对盒子模型的概念、盒子相关属性进行详细讲解。
目录/Contents
01
盒子模型概述
02
盒子模型相关属性
03
背景属性
04
渐变属性
05
阶段案例——制作音乐排行榜
盒子模型概述
01
盒子模型概述
了解盒子模型，能够说出盒子模型的概念和盒子模型中包含的内容。
学****目标

盒子模型概述

什么是盒子模型？
盒子模型概述

联想一下生活中常见的盒子？
它们的共同特点
盒子模型概述

以手机盒子为例，分析盒子模型
盒子模型概述

当多个手机盒子放在一起时，它们之间的距离就是CSS盒子模型的外边距