1.内联元素定位方式:text-align/vertical-align
- 定义行内内容(例如文字)如何相对它的块父元素对齐
- 对齐原理是自动占据剩余空间
2.冒泡状态控制:focuns-within
3.目标状态控制:target
4.阴影扩散:box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) x|y|阴影模糊|阴影扩散|color
5.颜色渐变:linear-gradient(类似实现google???)
6.动画实现的两种形式:
- 动画实现的原理:即定义2中状态,初始状态和结束状态。然后定义状态执行的过程
- transform(状态改变),旋转,缩放,倾斜或平移给定元素(scale,roate)
- transtion (过渡效果),
- animation / @keyframes。组合模式,定义动画
综上一般而言定义动画可使用:transform and transtion || animation and @keyframes
7.非矩形形状:shape-outside
- 相邻的内联内容应围绕该形状进行包装
8.flex布局下的:margin:auto
- 关于flex下的margin:auto,从当前来看,似乎是将设置元素居中??