CSS3属性

CSS3属性

            文本阴影：
		 text-shadow:水平阴影 垂直阴影 模糊度 颜色;
		 多层阴影：
		 text-shadow:第一层阴影，第二层阴影，第三次阴影;


	文本换行
		word-wrap:;
			normal 			默认值，不允许换行
			break-word  	允许换行
			
		word-break：；
			break-all 	允许在单词内部换行
			keep-all 	允许在单词点换行，单词内部不换行

	 
	盒子阴影
	         box-shadow:水平阴影 垂直阴影 模糊度 阴影大小 颜色 内外阴影；
				默认影子在外边（忽略不写）
				设置影子在内部（inset加在颜色之后）
		 多层阴影：
		 box-shadow:第一层阴影，第二层阴影，第三次阴影;

		 
	背景属性
		background-origin:;		背景图起点位置
			padding-box 	起点从内边距开始
			border-box 		起点从边框开始
			content-box 	起点从内容区域开始
		background-clip:;	背景图裁剪位置
			padding-box 	起点从内边距开始裁剪
			border-box 		起点从边框开始裁剪
			content-box 	起点从内容区域开始裁剪
		background-size:水平 垂直;	背景图尺寸
			单位是%或px 		(只有一个值时为水平尺寸，垂直方向等比缩放)
			cover 			等比缩放，铺满元素
			contain 		等比缩放，某一方向铺满为止
			background:url() 0px 0px/0px 0px;左上边距/尺寸大小
			
		background:url(),url();		多张背景图

		
	颜色模式
		rgba(r,g,b,a)
		hsl(色调 饱和度 亮度)
		hsla(色调 饱和度 亮度 透明度)
			色调		0-360 
			饱和度	0%-100%
			亮度		0%-100%
			透明度	0-1

	 
	边框图片
		border-image-source:url(); 	用在边框的图片的路径。
		border-image-slice:垂直显示 水平显示; 		
					显示图片的区域范围，不加单位，不能为负值
					按九宫格切法显示图片
					数值越小，切的越少，图片越大
					数值越大，切的越多，图片越小
					加fill，显示中间位置
		border-image-repeat:; 	图像边框是否应平铺
									平铺(repeat)从中间往两头
									铺满(round)从一头到另一头平铺
									拉伸(stretch)
		border-image-outset:; 	边框图像区域超出边框的量(值是一个倍数)
		综合写法：
		border-image:url() 30 30 repeat 1;


	圆角
		 border-ridus:四个角;				一个值
		 border-ridus:左上右下 右上左下;		两个值
		 border-ridus:左上 右上左下 右下;		三个值
		 border-ridus: 左上 右上 右下 左下;	四个值
		 border-ridus:水平圆角/垂直圆角;