CSS实践演示

flex

• flex容器属性演示
• flex项目属性演示
• flex使用技巧

grid

• grid容器属性演示
• grid使用技巧

CSS视觉属性

• display、visibility、opacity 比较和继承性探究
• background属性探究
• background-attachment：背景图片是否随页面滚动（试一试，挺有趣的）
• border属性探究
• cursor光标形状

CSS选择器

• 伪类和伪元素选择器

CSS结构属性

• position定位属性
• float浮动定位的特点 & 清除浮float副作用的方法

CSS动画

• transition（触发型动画）示例1：按钮点击效果
• transition（触发型动画）示例2：翻牌效果
• animation（自定义动画）示例

示例：