css小结

<html>  
<style>
	*{
		padding:0px;
		margin:0px;
	}
div,div[name="test"] { /*div[name="test"] 属性选择器,IE下不好使*/
	text-transform : capitalize ;/*英文大小写控制 capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生uppercase :  转换成大写lowercase :  转换成小写*/
	text-decoration: line-through;/*文本下划线样式*/
	letter-spacing : 20px;/*单词间隙大小*/
	text-indent : 40px;/*文本缩进*/
	/*layout-flow : vertical-ideographic ;文字竖排 IE5.5+专有属性*/
	direction: ltr;/*文件排版方向:rtl从右边开始 ltr :  文本流从左到右*/
	word-break :  keep-all ;/*段词 keep all break-all normal*/
	white-space : pre; /*nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象 pre :  用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐*/
	word-wrap : break-word ; /*当前行超过指定容器的边界时是否断开转行。normal :  允许内容顶开指定的容器边界 
						break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生*/
	background: url("jin.jpg") gray no-repeat fixed  10% 20%; /*背景图和背景色可一起使用  不重复,左边切掉50% 上边切掉20%后开始显示 fixed图片不滚动,scroll图片滚动(谷歌浏览器不起作用一直是固定的)*/
	overflow:scroll;
	max-height : 200px;/*设置最大高度:IE没效果*/
	max-width : 200px;/*设置最大高度:IE没效果*/
	outline: double 5px ;/*对象外的线条轮廓 IE没效果*/
	} 
	/*使用A标签制造访问过的DIV 无下划线,鼠标停靠文字变颜色(橘黄色),点击过的变颜色(红色)*/
	a{font-size: 14pt;color:black !important ;width:300px;display:block;background:gray;text-decoration: none;}
	a:hover{background:orange;color:blue; } /*由于上边的color加了!important ,所以a:hover的color=blue就失效了*/
	a:visited{background:red;}

</style>
<a href="#">置a对象在未被访问前的样式表属性。 
IE3将:link伪类的样式表属性作用于visited伪类。 
默认值由浏览器决定。 
对于无href属性(特性)的a对象,此伪类不发生作用。 
</a><br/>
<div name="test" style="border:1px solid red;width:300px;height:400px;">

 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
  阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
  阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/> 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
  阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
  阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/> 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
  阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
  阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
 阿斯顿发Enjoy my works . many thanks .<br/>
</html>  
 

你可能感兴趣的:(css)