实线、虚线、点线、双线四种，：solid、dotted、dashed、double。
no-repeat; --图片不平铺
repeat-x;平铺
.en{word-wrap: break-word;word-break:
break-all;}//正确显示英文段落，自动换行。
<>
»>>
兼容属性
-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
-o
代表opera浏览器私有属性
margin-left:58px;*margin-left:71px !important;*margin-left:71px;
火狐 ie7
ie6
overflow:scroll;
ie7下拉滚动条
overflow-x:hidden;没有水平滚动条
scrollbar-base-color:red;设置滚动条颜色
text-decoration: none; 鼠标经过没下划线
text-decoration:underline;有下划线
a 鼠标没经过
a:hover 鼠标经过
a:visited 访问过以后
a{blr:expression(this.onFocus=this.blur())} 去除a标签奇怪选中效果
段落前面缩进两个字 text-indent: 2em;
vertical-align:middle; 图片和后面文字进行 对齐
cursor:pointer; 按钮 手形
<bgsound src="1.wma" loop="-1">背景音乐
list-style-type:none去掉li标签前面的点
.ullist li{ background: #EFEFEF url(image/bgsquare.gif) no-repeat 8px 6px; cursor: pointer;}li图片加文字控制
控制ul，li必备
* { padding: 0; margin: 0; }
ul, li { list-style: none;
}
img { border: 0; }
vertical-align: text-top; 表格文字据顶
<textarea id="a"
onpropertychange="if(this.value.length>10){this.value=this.value.slice(0,10)}">
文本框限制字符
按比例缩放图片
img{max-width:100px;max-height:100px;}
或
img{min-width:100px;min-height:100px;}
.thumbImage { max-width: 100px;max-height: 100px; } /* for Firefox & IE7 */
* html .thumbImage { width: expression(this.width > 100 && this.width > this.height ? 100 : auto);height: expression(this.height > 100 ? 100 : auto); }/* for IE6 */
* html #dhtmltooltip{width: expression(this.width > 450 &&
this.width > this.height ? 450 : auto);height: expression(this.height >
300 ? 300 : auto);}
#dhtmltooltip img
{
max-width:
450px;max-height: 300px;
}
* html #dhtmltooltip img{
width: expression(this.width > 450 && this.width > this.height ?
450 : auto);height: expression(this.height > 300 ? 300 : auto);}
.ss_con_img img{max-width: 120px;max-height: 90px;margin-top:3px;}
* html .tr_soui img { width: expression(this.width > 20 &&
this.width > this.height ? 20 : auto);height: expression(this.height > 20
? 20 : auto);}
JS返回上一页 javascript:history.back(-1)
javascript:void(0) 无效连接
属性名称: ‘background-repeat‘
属性值: repeat | repeat-x | repeat-y |
no-repeat
初始值: repeat
适合对象: 所有元素
是否继承: no
百分比备注: 被禁止
其中属性值的含义为：
repeat：沿X轴和Y轴两个方向重复显示图片。
repeat-x：沿X轴方向重复图片。
repeat-y：沿Y轴方向重复图片。
none：不重复图片。
图片垂直剧中
<style>
.box {display: table-cell;vertical-align:middle;
text-align:center;*display: block;*font-size: 175px;
*font-family:Arial;
width:200px;height:200px;border: 1px solid #eee;}
.box img {vertical-align:middle;}
</style>
<div
class="box"><img src="你的图片地址" _fcksavedurl="你的图片地址" /></div>
原文：http://www.cnblogs.com/Sunhum/p/3623384.html