Web前端-HeadFirst-笔记-Ch13-表格与列表

表格

1. html<table>元素：标记表格
2. 要列出所有的单元格,当为空白格<td></td>，以保证列数的正确。
3. 标题<caption>
4. 单元格边框合并：border-collapse：collapse；
5. 隔行着色
6. 伪类nth-child：状态是一个元素相对于它的兄弟元素的数字顺序。p:nth-child(even0dd/2n+1/2n){background-color:red;}
7. 跨行的单元格：<td rowspan属性></td>  在此单元格所跨的行中，删除其他行的元素
8. 跨列：colspan。删除本行的被跨列的单元格元素
9. 表格中嵌入表格
10. 表格中对齐方式：text-align/vertical-align

列表

1. 标识类型

• 无序列表  li{list-style-type:disc/circle/square/none;}
  
• 有序列表  li{list-style-type:decimal/upper-alpha/lower-alpha/upper-roman/lower-roman;}
  
• 定制标记  li{list-style-image:url(图片路径)；
  

2. padding-top：px；

3. margin-left:px;相邻的多一些空间}

4. 文本回绕：life-style-position：inside标记下回绕/outside文本下回绕；in/out是相对于列表项的里外。