综合笔记

#example-one{background:#eee;padding:10px;margin:0 0 20px 0;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}

悬浮边框

---

 

href="tencent://message/?uin=1000&Site=装饰公司&Menu=yes"

在线qq客服代码

---

 

border-radius: 4px 4px 4px 4px

圆角边框

---

 

div > dl> [dt]=[dd] > p   /*5种标签等级*/

---

 

 实线、虚线、点线、双线四种，：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>

---

 

---

 

---