用法如下:
#id名 { 属性名:属性值}
.class名 { 属性名:属性值}
标签名 { 属性名:属性值}
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器: 父代名 后代名 { 属性名:属性值}
子代选择器: 父代名>子代名 { 属性名:属性值}
群组选择器: #name1, .name2, #name div { 属性名:属性值}
伪类选择器: name:伪类
通用(通配符)选择器: * { 属性名: 属性值}
归根到底还是你的布局和样式有问题<form action="">
<table cellpadding="0" cellspacing="0">
<tr>
<th>用户名:</th>
<td><input type="text" value="" name="" class="input01"></td>
</tr>
</table>
</form>
然后在用样式去控制
table {width:100%}
table th {width:30%border: solid 1px #ccc}
table td {width:70%border: solid 1px #ccc}
table td .input01 {width:200px}