css未掌握的样式

filter: blur(10px)：给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊；

transition 属性是一个简写属性，用于设置四个过渡属性：transition-property（过渡的属性），transition-duration（过渡时间）

&：scss和less里的语法，表示当前选择对象

text-overflow：clip | ellipsis | string;  clip（修剪文本）ellipsis（显示省略符号来代表被修剪的文本）

display: table，此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。

display: table-cell，此元素会作为一个表格单元格显示（类似 <td>）

垂直居中有个技巧，让你的text-height等于你div的高度，然后使用vertical-align:middle，百试不爽

white-space

使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。当用width时，如果屏幕小于width值，多出来的宽度就隐藏了；当用max-width，如果屏幕小于width值，宽度能自动调整。

当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。

媒体查询：

@media screen and (min-width:600px) { 屏幕大于等于600时使用的样式

@media screen and (max-width:599px) { 屏幕小于600时使用的样式

column-count: 3;column-gap: 1em; 分为三列，每列间隔为一个字体宽度

CSS3中translate、transform和translation的区别和联系

通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数：用法transform: translate(50px, 100px);

transition: 允许CSS属性值在一定的时间区间内平滑的过渡：用法transition:property duration timing-function delay;