渐变

css3渐变

线性渐变 linear-gradient:(direction,color1,color2.... )

径向渐变 radial-gradient(shape , size , at position , color-stop color-stop-position..... )

shape : 渐变的形状 椭圆ellipse（默认值） 或者圆circle，椭圆就是根据盒子的长宽来定义长短轴的大小，如果盒子本身就是正方形的，那么默认值的效果和circle的效果一样

size: 椭圆的长短轴（百分比或者px且必须写两个值）或者 圆的半径的大小（只能用px表达）

position 中心的位置（百分比或者px或者 top right bottom left）,默认是盒子中心

color-stop: 起止颜色

color-stop-position 起止颜色的位置，相对于中心而言（百分比或者px）

 ps: 渐变的作用范围是padding及以内的区域！！

疑问：color-stop-position的百分比大小是相对于谁来说的，size的默认值是多少？