Web前端技术
第 9 课 | 编码:L09-IDX
单元九 · CSS 盒子模型
盒模型、背景与渐变
从一张黄梅戏活动卡片出发,算清空间、保留内容,再完善外观。共 25 页。
空间与尺寸
01
活动卡片:空间、内容与外观
02
盒模型的四个区域
03
content-box:计算边框盒
04
border-box:计算内容区
05
width、min-width 与 max-width
06
overflow:内容超出盒子
07
垂直外边距合并
08
行内、块级与行内块
09
背景颜色与背景图片
外观与应用
10
cover 与 contain
11
渐变与背景简写
12
浏览器中的盒模型
13
语法与规则速查
14
通知卡片尺寸演示
15
代码预测:尺寸计算
16
内容增多与高度策略
17
现场判断:尺寸上下限
18
AI 建议审查:外边距
综合判断与拓展
19
综合判断:背景覆盖
20
拓展:Flexbox 排列
21
拓展:Grid 行列
22
拓展:媒体查询
23
拓展:容器查询
24
课后阅读与问题
25
本课小结
← 课程主页
个人主页
进入第9课 →