第六章 设计页面组件

1.表格

• 表格默认没有border
• 通过设置table的border-collapse：collapse，可以将默认的两个单元格间的双边框减少为单边框
• table td:last-child,这个伪类可以选择表格中每一行的最后一个td，而不是只有一个td

2.表单

• label标签：每一个表单控件都应该带有一个label属性，for属性和表单控件的的id一致。
• 如果一个div包含的元素都具有float属性，如果它本身不具有float属性，那它的大小就不会自动调整。

3.列表

列表有三种：无序列表，有序列表和定义列表

星号hack：IE6是唯一将一个未命名的元素作为html父元素的浏览器，利用这一点可以创建只有IE6能够识别的样式规则，如：

* html div#listcontainer {  }

4.下拉菜单

• 在为行内元素应用内边距和边框时，它们不会影响包含元素，沿着文档层次向上传递到包含元素，因此包含元素不会调整自身大小。简单的补救方法是将行内元素改为块级元素
• 列表的针对性问题：#menus li:first-child 比 #menus li ul li 更有针对性！！