11 CSS表格
表格边框： border
表格宽度和高度：width 和 height
表格对齐：text-align 和 vertical-align
表格内边距：tr,td的padding设置
12 CSS 选择器
1 分组和嵌套选择器
- 分组选择器
例如：h1{color:gray;}
p{color:gray;}
可以写成：h1, p{color:gray;}
-
嵌套选择器，
-
通配符选择器
*{
padding:0;
margin:0;
}
2 属性选择器
-
属性选择器：属性选择器使用[attr] ；例如：把所有带有 title 属性的元素的字体设置为红色
-
属性和值选择器：属性选择器使用[attr=value]
-
属性和多个值的选择器：使用有两种情况：属性值用空格分隔使用：[attr~=value]；属性值用连字符分隔则使用：[attr|=value]
例如：把包含 title='Hello' 的元素的字体设置为绿色，使用 ~ 分隔属性和值
- 表单样式：属性选择器在为不带有 class 或 id 的表单设置样式时特别有用。例如：
**3 组合选择器**：组合选择符是包括各种简单选择器的组合方式，组合选择符说明了两个选择器直接的关系。
- 后代选则器:又称为包含选择器，以空格分隔，子元素选择器只能选择作为某元素子元素的元素。
- 子元素选择器:子元素选择器只能选择作为某元素子元素的元素，以 > 分隔，子元素选择器只能选择作为某元素子元素的元素。
- 相邻兄弟选择器：可选择紧接在另一元素后的元素，且二者有相同父元素，以 + 分隔。
- 普通相邻兄弟选择器：选取所有指定元素的相邻兄弟元素，以 ~ 分隔。
- 选择器组合：多种选择器可以结合起来使用。
## **13 CSS伪类(不区分大小写)**
CSS 伪类是用来向一些选择器添加特殊的效果。
语法：选择器:伪类{attr:value;}
CSS 类也可以使用伪类：选择器.class:伪类{attr:value;}
(1)超链接伪类
在浏览器中，链接的不同状态都可以以不同的方式显示：
a:link{color:#FF0000;} /* 未访问的链接显示为红色 / a:visited{color:#00FF00;} / 已访问的链接显示为绿色 / a:hover{color:#FF00FF;} / 鼠标划过链接显示为紫红色 / a:active{color:#0000FF;} / 已选中的链接显示为蓝色 */
注意： 在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，a:active 必须被置于 a:hover 之后，才是有效的。
(2)伪类和 CSS 类(伪类可以与 CSS 类配合使用)
(3)CSS2 - :first - child 伪类
第一个 p 元素
第二个 p 元素
第三个 p 元素
```选择作为任何元素的第一个子元素 p。选择器使用 p:first-child。
选择所有 p 元素中的第一个子元素 b。选择器使用 p>b:first-child。
选择所有作为第一个子元素 p 中的所有 b 元素。选择器使用 p:first-child b。
(4)CSS2 - :lang 伪类
使用 :lang 伪类可以为不同的语言定义特殊的规则：
html:lang(zh-CN){
color:blue;
}
:lang(en)>p{
color:gray;
}
