CSS

1. 逗号表示并列关系，空格表示层级关系：

//table 和 td应用此样式，tr并不应用此样式
table, tr td {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}

//表示table,tr和td都应用此样式
table, tr, td {
　　border: 1px solid grey;
　　border-collapse: collapse;
　　padding: 5px;
}

//td应用此样式，table 和 tr并不应用此样式
table tr td {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}

2. 若要实现类似下图中内容的居中效果，可以在当前div中添加如下样式，则当前div就会在父级div中居中显示

max- 1040px; //合适数值即可
margin-left:auto; 
margin-right:auto;

3. padding指的是边框(border)与容器(比如：div)内容元素之间的距离，所以，容器(比如：div)实际的宽度或高度应该是width或height加上padding再加上border-width之后的总和，例如下图：div实际的高度应该是 541+7;

4. CSS样式中的!important用于强制应用此样式，也可用于覆盖同名的样式；

5. 若要增加行间距，不能在tr上操作，需要在td中增加padding属性，比如 padding-bottom:20px;