`
accpxudajian
  • 浏览: 463330 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

css小结

    博客分类：
  • 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>
 
分享到：
| JS对象ToString()方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics