进阶

CSS · 中级 - 构建真实项目

• 层叠、优先级与继承学会用优先级预测哪条 CSS 规则会生效，并利用继承少写代码。
• Flexbox：主轴与交叉轴、justify/align、gap、flex-grow掌握 Flexbox 的两条轴，在日常布局中对齐、居中并分布你的元素。
• Grid：列、行、区域用 CSS Grid 的列、行和命名区域，构建画廊和完整的页面布局。
• 定位：relative、absolute、fixed、sticky、z-index用 CSS 定位和一套管理良好的 z-index 层级，把徽章、页头和弹窗精确锚定在你想要的位置。
• 响应式设计：媒体查询、相对单位用移动优先的思路、媒体查询以及 rem、%、vw 单位，让你的界面适配各种屏幕尺寸。