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