整理css小样式

背景透明文字不透明

background: #ffffff;
background:rgba(255,255,255,.8) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80);

半透明

opacity:0.8;
filter:alpha(opacity=80);

多行文本溢出显示省略号

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

单行文本溢出显示省略号

overflow: hidden;
text-overflow: ellipsis;
 white-space: nowrap; 

多行文本垂直居中

// scss嵌套写法
p{
  width: 100%;
  overflow: hidden;
  display: table;//必须项
  height: 132px;//必须项，有高度才能使其垂直居中
  span{
    display: table-cell;//必须项，配合父级display，实现div的表格化
    vertical-align: middle;//必须项，配合display:table，实现效果
    line-height: 25px;//必须项，文字本身的行高
    color: #060606;
  }
}

字体渐变色

color: #c1ad78;
background: -webkit-linear-gradient(#e4e1b4,#a28044); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent;