CSS属性小结

一、字体属性

		color属性     设置字体颜色
				英文单词
				#后面跟6位（16进制码）（0-9 a-f）
				rgb(0-255,0-255,0-255)
				rgba(0-255,0-255,0-255,0-1)
		
		font-size属性    设置字体大小
				16px
		
		font-weight属性   设置字体粗细
				bold     粗体
				bolder   更粗
				lighter  细体
				100-900整百的数字  500正常字体

		font-style属性    设置字体斜体
				italic    斜体
				oblique   更斜

		font-family属性   设置字体类型
				1.写中文的字体类型 必须 加 引号
				2.只有一个英文单词的时候 不需要加引号。
				3.多个英文单词组成的字体 需要加引号。
				4.可以写多个字体，用逗号隔开

		line-height属性   设置行高

		font-variant属性   将小写字母转成小型的大写字母 
				font-variant: small-caps;

二、文本属性

		text-align属性	设置水平对齐
				left	左
				center	中
				right	右
		vertical-align属性   设置垂直对齐方式 (只针对img)
				top         上
				middle      中
				bottom      下

		text-decoration属性   设置文本装饰
				none     	 	去掉装饰
				underline  		下划线
				overline   		上划线
				line-through 	删除线

		letter-spacing属性   设置字符间距

		word-spacing属性     词间距

		text-indent属性     首行缩进
					em

		text-transform属性   设置大小写转换
				uppercase    所有字母都大写
				lowercase    所有字母都小写
				capitalize   首字母大写

		text-shadow属性      设置文本阴影
			text-shadow:X轴 Y轴 模糊程度 颜色;

三、列表属性

list-style:none;	去掉列表默认项

四、边框属性

			border属性	设置边框
		border:	宽度 样式 颜色;
				solid    实线
				dotted   点线
				dashed   虚线
				double   双实线
		border-方位词：宽度 样式 颜色;

		方位词：
			top		上
			right  	右
			bottom 	下
			left   	左

五、圆角边框属性

		border-radius属性    	设置圆角边框 
		border-radius:10px;    	一个值的时候代表四角
		border-radius:10px 20px;  
								两个值的时候分别代表： 左上右下 右上左下
		border-radius:10px 20px 30px;  
								三个值的时候分别代表： 左上 右上左下 右下
		 border-radius:10px 20px 30px 40px; 
		 						四个值的时候分别代表： 左上 右上 右下 左下;

六、背景属性

		background属性   设置背景属性
		background-color属性    设置背景颜色
		background-image属性    设置背景图片
			background-image:url(图片地址);
		background-repeat属性   设置背景图是否重复
					no-repeat;
					repeat-x
					repeat-y
		background-position属性  设置背景图位置
			background-position:X轴 Y轴;
		background-size属性		设置图片大小
					cover      填充
		background-attachment属性   设置背景图固定
					fixed

		简写：
		background:颜色 图片 是否重复 位置;

浮动属性

		float属性      设置浮动
			left       左浮动
			right      右浮动
			
	浮动特性：将自上而下排列的元素实现自左向右排列，
	浮动的元素后边的紧跟着前边的显示（向右浮动时有时候会造成顺序反过来），
	如果宽度不够会自动换行显示,浮动的元素失去独占一行的特性，
	浮动的元素会脱离正常的文档流，会占据自身的空间，造成环绕的效果.
		
		clear属性      清除浮动
			left
			right
			both      两边