CSS 文章

百分比宽高与绝对定位偏移到底相对谁算？搞懂 containing block 与初始包含块，布局阶段的几何信息才说得清。

确定声明值、层叠冲突、继承与默认值——搞懂 Computed 面板里那一长串属性是怎么来的。

用双层 background 实现会动的条纹边框，或用 border-image 切片装饰图做自适应边框。

不依赖 JavaScript，用媒体查询配合伪元素 content 或多段 span 显示/隐藏，随视口宽度自动切换文案。

用 Flex 实现常见的卡片居中布局，并通过代码 playground 直观感受对齐方式的变化。