css3圆角
CSS3 border-radius - 指定每个圆角
如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。
但是，如果你要在四个角上一一指定，可以使用以下规则：
四个值:
第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
三个值:
第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角
两个值:
第一个值为左上角与右下角，第二个值为右上角与左下角
一个值：
四个圆角值相同
css3盒子阴影
模糊半径是30px,值越大越模糊。box-shadow 默认是外阴影，如果设置inset就变成内阴影，
box-shadow:inset 0 0 30px red;
ul列表前的小圆点
list-style-type:circle 简写（list-style:none)
circle:空心圆
decimal：数字（无序列表有序列表也可以通过属性改变）
disc:实心圆
disclosure-closed:树形图的关闭箭头
disclosure-open:树形图的打开箭头
none:没有任何样式
background背景图
伸展背景图像完全填充内容区域：
background-size:100% 100%;
background-size:150px 200px;(如果只给一个值，第二个值就设置成auto）
css3线性渐变
从上往下
background：linear-gradient（to bottom,red,green,blue);
从下往上
background：linear-gradient（to top,red,green,blue);
从左往右
background：linear-gradient（to right,red,green,blue);
从右往左
background：linear-gradient（to left,red,green,blue);
从右上往左下
background：linear-gradient（to left bottom,red,green,blue);
从左下往右上
background：linear-gradient（to right top,red,green,blue)
css3径向渐变
background:radial-gradient( circle red,green,blue);从中心开始渐变,写circle意思是以圆形渐变
background:radial-gradient(red 20%,green 30%,blue40% ); 以设定的百分比的比列进行渐变
文字属性
overflow：hidden；溢出隐藏
text-overflow:ellipsisi; 表示超出文本框的内容用省略号来表示
white-space：nowrap;文本不换行，在同一行显示
作者：爱学习的渣渣
链接：www.jianshu.com/p/26edb3d4c…
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
