这里只记录常用的CSS技巧，如果要看详细内容，可以看这个文档
常用的是：父相子绝
学成在线中的鼠标移动上去，出现抖动的例子。也就是说父元素用相对定位，子元素用绝对定位，这个在轮播图上很常用。
背景颜色 背景图片 背景平铺 背景图片位置 背景图片固定
| 属性 | 描述 |
|---|---|
| background | 简写属性，作用是将背景属性设置在一个声明中。 |
| background-attachment | 背景图像是否固定或者随着页面的其余部分滚动。 |
| background-color | 设置元素的背景颜色。 |
| background-image | 把图像设置为背景。 |
| background-position | 设置背景图像的起始位置。 |
| background-repeat | 设置背景图像是否及如何重复。 |
让代码更加简洁
background black url(imgs/bg.jpg) no-repeat fixed center top
背景颜色半透明，非常常见
background rgba(0,0,0,0.3)
制作动画分为两步:
/* 定义动画 */@keyframes move {/*也可以用from to 来替换*/0% {transform: translateX(0px);}100% {transform: translateX(500px);}}.my_move {width: 50px;height: 50px;background-color: pink;/* 使用动画 */animation-name: move;animation-duration: 1s;}