CSS3渐变和CSS3文本阴影

css渐变：

线性渐变：linear-gradient

linear-gradient（position,color1,color2...）

position渐变方向 如果不写方向，默认从上到下，从第一种颜色到第二种颜色渐变，也可多种颜色

径向渐变：radial-gradient

radial-gradient（to top,color1,color2）

to top,to bottom,to left,to right,to center,to top righr等；方向是对应相反顺序，如to bottom left就是右上；

radial-gradient（red green blue）；均匀分布

radial-gradient（red20%， green5%， blue30%）；根据设定的值不均与分布

css文本阴影

text-shadow：1px 2px 3px red;

1px为x轴 2px为y轴 3px为模糊度 red为颜色红色；

注意！！模糊度为0则可以和文本一样

css文本内容溢出显示

text-overflow：ellipsis;超出文本用省略号...

overflow：hidden；溢出文本隐藏

white-space；文本不换行，同一行显示

-webkit-line-clamp:3 第三行超出显示省略号

word-break:break-all;一个单词会分2行显示；破坏了英文单词的完整性

-webkit-box-orient:vertical;盒子多行展示 必要条件是垂直展示、多行文字展示

定义字体

@font-face{ font-family;src:url();}字体名称和字体文件路径必须要设置