CSS补充

2025.10.27 打卡

不想再拖了，快速过一遍CSS结束吧。

1. 渐变，就是颜色可以渐变，要做叫美工做。

2. 阴影，可以用来加阴影，也可以设置负的值来表示一个包围文字的边框。

3. box-shadow可以创建卡片。

4. 一些文本的高级用法，here

5. @font-face可以自定义字体，但是好像没什么卵用。

6. 2D和3D转换，就是可以平面旋转或者三维旋转，要用再学。

7. 元素大小的变换可以使用过渡来平滑衔接。

8. 工具提示，就是鼠标悬浮之后会显示一个提示框。

9. 非要说，动画开始没认真看了，不想纠正细节了，先会了再说。

10. 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则自带了。