表格

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下


checked默认选中

disabled禁用


表单

提交按钮:



文本框:



密码框:

复选框:


上传:

图片:

按钮:

重置:

隐藏:


下拉选框


文本域




实例

1

表格_第1张图片

去了overflow:hidden也可以

2

表格_第2张图片

你可能感兴趣的:(表格)