box-shadow
该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。
box-shadow: 10px 5px 5px red;
opacity
属性值为 1 代表完全不透明。 属性值为 0.5 代表半透明。 属性值为 0 代表完全透明。
:hover
可以使用 :hover 伪类选择器来选取超链接的悬停状态。
fixed定位
fixed 定位，它是一种特殊的绝对（absolute）定位，将元素相对于浏览器窗口定位。 类似于绝对位置，它与 CSS 偏移属性一起使用，并且也会将元素从当前的文档流里面移除。 其它元素会忽略它的存在，这样也许需要调整其他位置的布局。
但 fixed 和 absolute 的最明显的区别在于，前者定位的元素不会随着屏幕滚动而移动。
margin: auto 块级元素 水平居中
颜色相关
补色搭配能形成强列的对比效果，让内容更富生机。 一种颜色做为主要颜色，然后使用其补色用来装点那些需要用户特别注意的部分。
hsl()函数 调整色相
饱和度 是指色彩的纯度，也就是颜色里灰色的占比。 饱和度越高则灰色占比越少，色彩也就越纯；反之则完全是灰色。
linear-gradient()
background 里的 linear-gradient() 实现线性渐变
background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);
使用 CSS 线性渐变创建条纹元素 repeating-linear-gradient()
background: repeating-linear-gradient(
45deg,
yellow 0px,
yellow 40px,
black 40px,
black 80px
);
0px [yellow --blend -- yellow] 40px [black --blend -- black] 80px
transform: scale(倍数)
使用 CSS Transform scale 属性可以更改元素的大小
