下载此文档

Web开发基础第五章CSSBOX盒子ppt课件.pptx

文档分类：IT计算机 | 页数：约41页举报非法文档有奖

1/41

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/41 下载此文档

文档列表 文档介绍

Web开发一
第六章 CSS盒子模型
本
讲
目
标
理解盒子模型
掌握盒子模型的各项属性
理解行内元素、块级元素的概念
掌握盒子模型的应用
本
节
内
容
盒子模型
盒子模型的各项属性
块级元素与行内元素
盒子模型的应用
盒子
盒子：
一个容器
内部装入各类物品（内容）
要展示的物品（内容）较多时，盒子与盒子嵌套或堆叠起来，共同展示
Web中的盒子模型
Web 中的盒子：一个矩形区域，内容包裹在盒子中。盒子的堆叠与嵌套形成整个页面的内容排布。
Web中的盒子模型
盒子在 Web 中的作用：
页面内容的容器
通过盒子与盒子的嵌套、堆叠，控制页面内容的展示位置（布局）
盒子模型特征
每个盒子具有的特征：
大小（width、height）
边框（border）
内边距（padding）
外边距（margin）
盒子模型特征
盒子模型特征：（宽、高、边框、内边距、外边距）
内容区域
左边框
右边框
上边框
下边框
上内边距
下内边距
左内边距
右内边距
左外边距
右外边距
上外边距
下外边距
盒子模型的平面图
宽度
高度

Web开发基础第五章CSSBOX盒子ppt课件来自淘豆网www.taodocs.com转载请标明出处.