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;
网友评论