一. css是什么
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。 CSS样式可以直接存储于HTML网页或者单独的样式单文件。 无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。 外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
一个网页页面由html，css，javascript组成,html相当于一个简陋的骨架，css相当于对这个骨架进行化妆修饰的,css层叠样式表 Cascading Style Sheets
二. 三种引入方式
行内样式＞内联样式＞外部样式 三种样式的优先级也就是说行内样式的优先级最高，最先会应用行内样式，其次是内联最后是外部样式，这讲究一个就近原则。
2.1 行内样式
行内样式，其实从它的名字就可以看出来它的特点，就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。
示例
在浏览器中的效果
HTML 中的 style 属性提供了一种改变所有 HTML 元素样式的通过方法，语法格式如下所示：
<标签 style="样式声明1;样式声明2;样式声明3"></标签>
要记得用在每个样式声明之间使用分号 ; 分隔，否则样式会失效的。
2.2 内联样式
内联样式就是将 CSS 代码写在 HTML 页面中的 <head> 标签中的 <style> 标签内。因为它与 HTML 内容位于同一个文件中，所以叫做内联样式表。
示例：
在浏览器中的效果
记得内联样式必须写在
<style>标签中，否则无效。
2.3 外部样式
外部样式表就是在 HTML 文件中使用 <link/> 标签链接外部样式表，且 <link/> 标签必须放到 HTML 中的 <head> 标签内。在一个 HTML 页面中可以链接多个 CSS 文件，一个 CSS 文件也可以被多个 HTML 页面引用。
示例： 首先我们先创建一个css文件，将需要的css代码保存在这个文件中：
然后在HTML文件中通过
<link/> 标签引用这个文件：
在浏览器中的效果
三. 选择器
CSS的选择器就是为了找到要被修饰的元素 CSS提供了很多选择器这里我只讲八个
1.类选择器 2.元素选择器 3.id选择器 4.分组选择器 5.通用选择器 6.兄弟选择器 7.后代选择器 8.子选择器
3.1 类选择器
在浏览器中的效果
3.2 元素选择器
元素选择器（标签名选择器），是css选择器中最常见而且最基本的选择器。
在浏览器中的效果
3.3 id选择器
ID选择器和上面说的类选择器是很相似的，不同的是类选择器可以有很多个，ID选择器在一个页面中只能有一个唯一的值，如下：
在浏览器中的效果
ID选择器的使用
在浏览器中的效果
3.4 分组选择器
分组选择器可一次选择多个标签以设置相同样式
在浏览器中的效果
3.5 通用选择器
选择所有标签以设置相同样式
在浏览器中的效果
3.6 兄弟选择器
相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。 兄弟选择器，后代选择器，子选择器都是关系选择器
| 关系： | |
|---|---|
| 父元素： 直接包含其他元素，这个元素就是包含元素的父元素 | |
| 祖先元素：包含其他元素，这个元素就是包含元素的祖先元素 | |
| 子元素： 直接被包含的元素，这个被包含的元素就是包含元素的子元素 | |
| 后代元素： 被包含的元素，这个被包含的元素就是包含元素的后代元素 |
在浏览器中的效果
3.7 后代选择器
选择某个标签的所有后代以设置相同样式
3.8 子选择器
子元素选择器只能选择作为某元素子元素的元素。
暂时先这么多以后补充
