常用css 先记着

FROM 表单样式 可供参考：

jquery

Uniform  http://pixelmatrixdesign.com/uniform/  不支持：ie6

niceform http://www.whitespace-creative.com/jquery/jNice/

 

a 标签（伪类）

a:link {color: #FF0000} /* 未被访问的链接 红色 */ a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */ a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */ a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */ a.c1:link {color: #FF0000} /* 未被访问的链接 红色 */ a.c1:visited {color: #00FF00} /* 已被访问过的链接 绿色 */ a.c1:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */ a.c1:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */ 

书写顺序 a:link， a:visited， a:hover， a:actived

css超出隐藏 

<style type="text/css">
.textOverFlow {
    width:300px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    border:1px solid #ddd;
}
</style>

<div class="textOverFlow">
    CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码 CodeBit.cn 聚合小段精华代码
</div>

实现原理：

（1）指定宽度：width:300px;
（2）overflow:hidden; 将超出内容隐藏
（3）text-overflow:ellipsis; IE 专有属性，当对象内文本溢出时显示省略标记(…)
（4）white-space:nowrap; 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。