一些常用css样式

1、超出隐藏
文字单行溢出:
overflow: hidden; // 溢出隐藏
text-overflow: ellipsis; // 溢出用省略号显示
white-space: nowrap; // 规定段落中的文本不进行换行
多行文字溢出:
overflow: hidden; // 溢出隐藏
text-overflow: ellipsis; // 溢出用省略号显示
display:-webkit-box; // 作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列方式：从上到下垂直排列
-webkit-line-clamp:3; // 显示的行数

2、网页快速改为哀悼版
使用filter，filter主要是给元素加上滤镜的效果，grayscale这个函数能够改变图像灰度，取值范围为0-1，0是图像没变化，1是图像或者元素完全灰度，其余的是一些兼容方案
body{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
}

3、好看的阴影设置
到这个网址直接选择复制好看的阴影

4、设置背景模糊
效果图：
实现代码：

	backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);