CSS笔记

transition过渡 transition的优点在于简单易用，但是它有几个很大的局限。 transition需要事件触发，所以没法在网页加载时自动发生。 transition是一次性的，不能重复发

animation动画.......................................

transition过渡......................................

过渡与动画.............................................

![2D与3D转换.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e48c5923f82045ceb308f0eb5d9ff138~tp

CSS精灵：将多个小图标合并制作到一张图片上，使用background-position属性单独显示其中一个，这样的技术叫做CSS精灵技术，也叫作CSS雪碧图 图片位置可以通过Photoshop的切片

![背景与渐变.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4720f54e6b184985b2c3fb7ea42c06a0~tplv

![边框与圆角.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bddfc9b5a4694c03ad72338c8f55ebc0~tplv

![浮动和定位.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/adc5ae3367b9402e87fcdd5ef738e0b2~tplv

![盒模型.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4cca522a4bb64343b1d0cd4bdeeb48f1~tplv-k

![文本与字体属性.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/92ee64b5b8fa438b8d53d04ad1296d93~tp