一些不常用的css总结

		p{
			/*文本缩进*/
			text-indent: 5px;
			/*改变字间隔*/
			word-spacing:5px;
			/*字母间隔*/
			letter-spacing: 5px;
			/*字符转换 对首字母大写*/
			text-transform: capitalize;
			/*转换为小写*/
			/*text-transform: lowercase;*/
			/*转换为大写*/
			/*text-transform: uppercase;*/
			/*下滑线 overline 上划线  line-through 中画线 blink 文本闪烁*/
			text-decoration: underline;
			/*字体变形*/
			font-variant: small-caps;
			/*绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。*/
			/*依次是 颜色 样式 宽度*/
			outline: #DDDDDD solid 3px;
		}
		/*未被访问的链接*/
		a:link{
			color: #19BFEB;
		}
		/*已被访问的链接*/
		a:visited{
			color: #999999;
		}
		/*鼠标移上去的链接*/
		a:hover{
			color: #999999;
		}
		/*被点击时的链接*/
		a:active{
			color: #DDDDDD;
		}
		/*注意  当为链接的不同状态设置样式时，请按照以下次序规则：
				a:hover 必须位于 a:link 和 a:visited 之后
				a:active 必须位于 a:hover 之后*/
		/*列表项标志修改*/
		ul{
			list-style-type:square;
			/*标志使用图像*/
			/*list-style-image: url("xxx.png");*/
			/*标志出现位置*/
			/*list-style-position: inside;*/
		}
		li{
			list-style: url("xxx.png") square inside;
		}
		[list-style-type 常见值](http://www.w3school.com.cn/cssref/pr_list-style-type.asp)
		

list-style-position位置常见用法

outline-style常见样式：

/*css 选择器*/
		/*1，css伪元素*/
		/*"first-line" 伪元素用于向文本的首行设置特殊样式 "first-line" 伪元素只能用于块级元素*/
		p:first-line{
			color: #19BFEB;
			/*以下元素用于 first-line 伪元素*/
			/*font*/
			/*color*/
			/*background*/
			/*word-spacing*/
			/*letter-spacing*/
			/*text-decoration*/
			/*vertical-align*/
			/*text-transform*/
			/*line-height*/
			/*clear*/
		}
		/*"first-letter" 伪元素用于向文本的首字母设置特殊样式： 同样只用于块级元素*/
		p:first-letter{
			/*font*/
			/*color*/
			/*background*/
			/*margin*/
			/*padding*/
			/*border*/
			/*text-decoration*/
			/*vertical-align (仅当 float 为 none 时)*/
			/*text-transform*/
			/*line-height*/
			/*float*/
			/*clear*/
		}
		/*向元素的内容前面插入新内容*/
		p:before{

		}
		/*向元素的内容之后插入新内容*/
		p:after{

		}
				/*相邻兄弟选择器 可选择紧接在另一元素后的元素，且二者有相同父元素。*/
		li + p{
			margin-left: 10px;
		}
		/*子元素选择器 只能选择作为某元素子元素的元素。*/
		h1 > p{
			color: #19BFEB;
		}
		/*属性选择器 根据元素的属性及属性值来选择元素*/
		/*选择包括所有title属性的元素*/
		*[title]{

		}
		/*选择所有有href属性的a标签*/
		a[href] {

		}
		/*选择指定的超链接*/
		a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}
		/*完全匹配*/
		p[class='class1 class2'] {

		}
		/*根据部分属性值选择*/
		p[class ~= 'class1']{
			
		}
		/*创建透明度图片 IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。
			IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明*/
		img{
			opacity: 0.4;
			filter: alpha(opacity=40);
		}
		/*图像透明度 hover效果*/
		img:hover
		{
			opacity:1.0;
			filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */
		}