2025.10.27 打卡
不想再拖了，快速过一遍CSS结束吧。
-
渐变，就是颜色可以渐变，要做叫美工做。
-
阴影，可以用来加阴影，也可以设置负的值来表示一个包围文字的边框。
-
box-shadow可以创建卡片。
-
一些文本的高级用法，here
-
@font-face可以自定义字体，但是好像没什么卵用。 -
2D和3D转换，就是可以平面旋转或者三维旋转，要用再学。
-
元素大小的变换可以使用过渡来平滑衔接。
-
工具提示，就是鼠标悬浮之后会显示一个提示框。
-
非要说，动画开始没认真看了，不想纠正细节了，先会了再说。
-
Flex布局
容器的display: flex;，子元素会自动成为flex项目。
align-items: baseline; 可以类似理解为baseline就是四线格的第三线
align-items 想象书架的一层（一条弹性线）。align-items决定了这层书架上所有书（子项）是顶天立地放满书架高度（stretch），还是都放在书架顶部（flex-start），底部（flex-end），或者中间（center）。
align-content 想象一个有多层书架的书柜（多条弹性线）。align-content决定了这些书架层是紧贴柜子顶部放（flex-start），紧贴底部放（flex-end），居中放（center），还是均匀分布在柜子的高度空间里（space-between, space-around, space-evenly, stretch）。
flex-direction 用来设置主轴
div没有默认padding和margin，h1则自带了。