网页设计与制作 课件 模块4 CSS3盒子模型.pptx

2026模块四

CSS3盒子模型汇报人:

CONTENTS目录03任务4.3元素类型转换04任务4.4多内容卡片布局与尺寸精确控制05总结与回顾06实训4.1数码商城列表页开发07拓展练习01任务4.1页面结构划分与盒子模型02任务4.2横向导航栏布局实现

学习目标知识目标掌握盒子模型的核心概念，能够清晰描述内容区、内边距、边框、外边距构成的四层结构；理解标准盒子模型与怪异盒子模型的尺寸计算规则，以及box-sizing属性的作用与配置方式；掌握padding、border、margin的语法、取值规则，理解外边距合并的场景与原理；能够区分块级、行内、行内块三种元