比较好的属性2018-07-19

检查属性兼容性：

https://caniuse.com/

一、竖向颜色变化条

background: linear-gradient(to right,#eeeeee 80%,#ff9c00 0);

效果：

两种颜色

二、文字不换行

white-space:no-wrap;

三、阴影

参数：x轴偏移， y轴偏移，阴影模糊值，颜色

box-shadow: X轴偏移  Y轴偏移  npx  color;

内阴影

box-shadow: X轴  Y轴  npx  color inset;

xy为0就自动四周阴影

四、calc动态计算元素值

使用：

.box{width:calc(100% + 10%);}

注意：calc( 表达式)要注意表达式里面的加号左右必须有空格否则不生效