复习一下 CSS3 的重难点：CSS选择器，以及盒子模型。以及记录今后碰见好玩的 css 代码。

1、 CSS 选择器

作用：选择页面上的某一个或者某一类元素

1.1、基本选择器

总共有三类：

• 标签选择器：选择一类标签。语法：标签{}
• 类选择器：选择所有class属性一致的标签，可以跨标签。语法：.类名{}
• id 选择器：全局唯一。语法：#id名{}

优先级： id 选择器> class 类选择器> 标签选择器

1.2、层次选择器

总共有四类

• 后代选择器：选中某标签递归嵌套的子标签。语法：父标签 子标签{} //注意有个父子标签用空格隔开
• 子选择器：选中某标签直接嵌套的子标签。语法：父标签>子标签{}
• 相邻兄弟选择器：只选择一个相邻同辈向下的标签。语法：父标签 + 子标签{}
• 通用选择器：当前选中标签的向下所有兄弟标签。语法：父标签~子标签{}

1.3、伪类选择器

不常用，略

1.4、 属性选择器（常用）

id 选择器 与 class 选择器结合起来。

语法：标签名[属性名=属性值]{}。

eg：a[class='links']{...}，表示选中 a标签 并且 有 class = ‘links’ 的a标签，可以有*等通配符或者正则表达式。