backgroundcss1:background:background-colorurl(#)repeatattachmentposition;cc3新增:background-size:定义背景图片的位置,两个值:水平和垂直偏移background-size:xy;background-clip:指定背景绘图区域。有3种情况:(1)border-box背景被裁剪到borderbox(2)padding-box背景被裁剪到innermarginbox(3)content-box背景被裁剪到contentboxbackground-origin:set元素背景图片的原始起始位置(1)border-box(2)padding-box(3)content-boxbackground-origin:border-box||填充框||内容框;background-image:指定一张或多张Image,或指定线性渐变或径向渐变(1)指定一张图片:background-image:url(),url();//注意第一张图片放在最上面。(2)Gradient:lineargradient:background-image:linear-gradient(direction,color1,color2,color3…)background-image:linear-gradient(angle,color1,color2,color3…)示例:background-image:linear-渐变(到右下角,红色,黄色);注意事项:1、指定角度渐变时,要注意旋转的方向。2、在指定颜色时,还可以指定一个百分比来表示渐变从哪里开始。3.也可以使用重复渐变。径向渐变:从起点到终点,颜色由内向外呈圆形(从中间向外拉)背景:radial-gradient(center,shapesize,start-color,…,last-颜色);(默认颜色结点均匀分布)text文字阴影(text-shadow)该属性用于设置文字的阴影效果,一共有4个值。第一个值是水平偏移,第二个是垂直偏移,第三个是模糊距离,第四个是颜色。换行符word-break属性指定如何处理自动换行符。一共有3个值:normalbreak-allkeep-allnewtext属性1、text-align-last属性指定文本最后一行如何对齐2、text-overflow属性指定文本溢出包含时如何处理元素。transform(1)Translate:translate(x,y)translatedivbyx,y;(2)Rotate:rotate(angle)将div旋转一个角度(3)Scale:scale(x,y)convertdivScaling(4)Tilting:skewX(angle)将div倾斜一个角度注:倾斜和缩放会有一个轴,div将根据此轴倾斜和缩放。转换3D;(1)旋转:rotateX(angle)rotateY(angle)rotateZ(angle)rotate3D(x,y,z,angle)where0
