1.禁用用户改变textarea窗口大小
}
2.cursor:pointer光标指向链接时,变为手型
textarea {
resize: none }
3.解决DIV+CSS左右两列高度自适应的方法:
(1)一是在最外层加上overflow:hidden,然后在左边列加上margin-bottom:-9999px;padding-bottom:9999px;即可。
(2)使用table td高度相同
(3)js:
window.οnlοad=function(){
yxj_cl.style.height=yxj_cr.clientHeight + "px"
}
(4)左边宽度固定时,可以切左边的背景图片,设置为整体背景向下平铺,靠左
background:url(../images/zxgl-p.png) repeat-y left top #fff;
4.让table中的<td>内容向上对齐
<td valign="top"></td>
5.table边框合并:border-collapse: collapse;
6.table 布局 height=100%垂直居中无效
将html,body都设为100%,
html,body{
width:100%;
height:100%;
}
<table width="100%" height="100%">
<tr>
<td valign="middle">
8.checkbox与文字无法对齐
- <input type=checkbox id="theId" name=checkbox style="vertical-align:middle;" />
- <a href="the_link" title="the_title" style="vertical-align:middle;" ></a>
加入vertical-align:middle; 使元素的中心对齐周围元素的中心
9.input设置默认提示语
<input value="请输入密码" οnfοcus="javascript:if(this.value=='请输入密码')this.value='';"/>
10.背景透明
background:#fff; filter:alpha(opacity=50);
background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");