css3渐变属性有哪些,css样式颜色渐变属性
CSS3中如何实现渐变效果
CSS3里面的线性渐变：linear-gradient
1、语法
2、参数
第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：
第一个参数省略时，默认为“180deg”，等同于“to?bottom”。
第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。
例如：
background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);
该属性已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。
css3中有几种渐变
线性渐变:linear-gradient(方位,起始色,末尾色)
径向渐变:radial-gradient(方位,起始色,末尾色)
详细使用实例百度这两个css函数
css高级属性有哪些
CSS3高级属性可分为：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。
CSS边框和圆角
transform：可以旋转、缩放、倾斜、平移的元素；
border-radius：圆角；
单独分离：border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius
左上角，右上角，右下角，左下角。
第一个值：左上角, 第二个值：右上角、左下角，第三个值：右下角
第一个值：左上角、右下角，第二个值：右上角、左下角
四个圆角值相同
box-shadow：阴影；
投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色
border-image:边框图片；
background-image：多个图片路径；
background-size：设置图片大小
background-position：为多个图片路径设定位置；
background-repeat：为多个路径设置图片显示是否重复；
background-origin：指定图像的区域
background-clip:指定位置开始绘制。 注意：背景颜色只能设置一个
background:图片路径 显示位置 是否重复，图片路径 显示位置 是否重复··········
CSS渐变色
css有两种类型的渐变：线性渐变和径向渐变
线性渐变：创建一个线性渐变，至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以设置一个起点和一个方向（或一个角度）
background：linear-gradient(颜色···········) 默认从上到下·
background：linear-gradient(to right,颜色···········) 从左到右·
background：linear-gradient(to left,颜色···········) 从右到左·
background：linear-gradient(to top left ,颜色···········) 从右下到左上·
也可以按照角度来渐变
background: linear-gradient(0deg, red, blue);
重复的线性渐变：background: repeating-linear-gradient(red, yellow 10%, green 20%);
径向渐变：至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，也可以指定渐变的中心、形状、大小。默认渐变的中心是 center，渐变的形状是 ellipse（椭圆形），渐变的大小是 farthest-corner（表示到最远的角落）。
background: radial-gradient(位置,[形状], 颜色 【百分比】··················);
CSS文本效果
文本属性：
text-shadow：偏移量 向下大小 模糊度 颜色
box-shadow：使用于盒子阴影
word-wrap：break-word换行
word-break：单词拆分换行属性指定换行
white-space:处理元素中的空白
css3中线性渐变是可以不写定位的吗
① 在css中，渐变有两种，圆形（椭圆形）和线性渐变，都是属于background属性的属性样式，更具体来说，就是background-image的属性样式；
③其中， 渐变样式不需要写position定位和背景定位background-position；
③ 就background的复合属性的综合写法来说，只写其中一个属性样式都是可行的（书写顺序也无要求），比如background：red；则背景颜色也同样可以变成red红色；