css小结

accpxudajian

浏览: 460050 次
性别:
来自: 北京

最近访客更多访客>>

hyw100200

CloudPure

116856645

t181

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

<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>

分享到：

EasyTip 简单Tip提示窗口 | JS对象ToString()方法

2011-07-16 13:19
浏览 1017
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

css小结

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

css小结

评论

发表评论

相关推荐

背景图片的透明方法

获取DOM对象的当前(current)样式

css文本样式系小结

兼容的带样式的INPUT

css hack积累

常用脚本

table进阶

关于字体的css

阅读犀牛书小结

混合参数的写法

dl,ul,ol小结

setCookie

css实现shadow窗口

js杂记

A标签美化checkbox

javascript和css兼容性小结

浏览器兼容的text-align写法

EasyTip 简单Tip提示窗口

三个div实现跨浏览器的text-align:center的效果

div+css布局

最近访客更多访客>>