一、CSS简介
1、什么是CSS
CSS：Cascading Style Sheet 层叠样式表，是一组样式设置的规则，用于控制页面的外观样式
2、为什么使用CSS
实现内容与样式的分离，便于团队开发；样式复用，便于网站的后期维护；页面的精确控制，让页面更精美
3、CSS作用
页面外观美化；布局和定位
二、基本用法
1、CSS语法
- 选择器：要修饰的对象（东西）
- 属性名：修饰对象的哪一个属性（样式）
- 属性值：样式的取值
2、CSS应用方式
也称为CSS引用方式，有三种方式：内部样式、行内样式、外部样式
2.1 内部样式
也称为内嵌样式，在页面头部通过style标签定义,对当前页面中所有符合样式选择器的标签都起作用
2.2 行内样式
也称为嵌入样式，使用HTML标签的style属性定义,只对设置style属性的标签起作用
2.3 外部样式
使用单独的 .CSS 文件定义，然后在页面中使用 link标签 或 @import指令 引入
三、CSS选择器
3.1、id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式，一般来说，一个页面中标签的id的名称，必须唯一且不能重复。
3.2、class选择器
class 选择器可以为标有特定 class 的 HTML 元素指定特定的样式，一般来说，一个页面中标签的class的名称，可以不唯一且可以重复。
3.3、标签选择器
除了使用id选择器和class选择器，我们也可以直接使用标签选择器。
3.4、子代选择器
子代选择器可以选择当前元素的所有儿子元素。定义的时候用 > 隔开。
3.5、后代选择器
标签元素除了并列书写还可以嵌套书写，后代选择器就是用于选择嵌套标签元素的一种选择器。定义的时候用 空格 隔开。
3.6、相邻兄弟选择器 相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。定义的时候用 + 隔开。
3.7、后续兄弟选择器
后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。定义的时候用 ~ 隔开。
3.8、交集选择器
选择的元素必须同时满足多个条件才可以被选择，交集选择器就是干这个的。定义的时候用 标签名.ID名/类名 。
3.9、并集选择器
多种元素共享某种属性，这时候就可以使用并集选择器。定义的时候用 逗号 隔开。
3.10、通配符选择器
通配符选择器可以匹配任何标签，我们常用于统一页面样式。
3.11、属性选择器
属性选择器可以根据元素的属性及属性值来选择元素。
3.13、子串匹配属性选择器
下面为您介绍一个更高级的选择器模块，它是 CSS2 完成之后发布的，其中包含了更多的部分值属性选择器。按照规范的说法，应该称之为“子串匹配属性选择器”。很多现代浏览器都支持这些选择器，包括 IE7。
