表格

table css reset

th,td{padding:0;}

table{border-collapse:collapse;}

表单样式重置

form{margin:0;}

input{margin:0;padding:0;}

select{margin:0;}

textarea{margin:0;padding:0;resize:none;overflow:auto;oueline:none;}

resize 属性规定是否可由用户调整元素的尺寸。

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

注释：轮廓线不会占据空间，也不一定是矩形。

注意事项

1不要给table，th，td以外的表格标签加样式

2单元格默认平分table的宽度

3th里面的内容默认加粗并且左右上下居中显示

4td里面的内容默认上下居中居左显示

5table决定了整个表格的宽度

6table里面的单元格宽度会被转换成百分比

7表格里面的每一列必须有宽度，要不就会随着内容的增多而扩大，但是内容可以撑开表格的高度

8表格同一竖列继承最大宽度

9表格同行继承最大高度

table的标签基本特性是display:table;

colspan 属性规定单元格可跨列的个数

rowspan属性规定单元格可跨行的个数

IE6下

<input type="radio" name="gender" id="a"/><label for="a">女</label>

checked默认选中

disabled禁用

表单<form action="" method="get" target="_blank"></form>

提交按钮：<input type="submit" value="提交OK" name="" />
<br/><br/>
文本框：<input type="text" name="" />
<br/><br/>
密码框：<input type="password" name="" />

复选框：
<input type="checkbox" name="" disabled />

上传：<input type="file" name=""/>

图片：<input src="sun.jpg" type="image" name=""/>

按钮：<input type="button" name=""/>

重置：<input type="reset" name=""/>

隐藏：<input type="hidden" name=""/>

下拉选框

<select>

<option selected></option>

</select>

文本域<textarea></textarea>

实例

1

去了overflow：hidden也可以

2