什么是CSS
css是 Cascading（层叠 ）Style（样式） Sheet（表）的简称，及层叠样式表，CSS技术用来美化html页面，html相当于盖房子，CSS相当于装修，使用CSS可以把样式代码和html分离
html页面中引入css的方式
1、内联样式：在标签的style属性中引入css，不推荐使用，不能复用
<div style="color: red; border: 1px solid blue">我是一个div</div>
2、内部样式：通过style标签引入CSS，可以在当前页面复用，学习时经常使用，工作中不推荐使用，因为不能多页面复用
<style type="text/css">h2{color: purple; background-color: green;}</style>
3、外部样式：通过link标签引入外部css样式文件，可多页面复用，推荐工作中使用，需要单独创建样式文件
<link rel="stylesheet" href="first.css">
优先级（多种引入方式操作同一个标签，以哪个为准）
内联优先级最高
内部和外部同时存在，则就近原则
标签默认效果优先级最低
选择器
选择器可以帮助我们选中需要添加样式的标签
1、标签选择器
以标签名开头，选择所有div元素
2、类选择器
给标签取class名，以点（.）加class名开头，选择所有该class名的元素
3、id选择器
给标签取id名，以#加id名开头，具有唯一性，选择”id = ‘wrap’”的元素
4、子选择器
以>隔开父子级元素，(模块名>模块名，修饰>前模块内的子模块)
5、包含选择器
以空格隔开包含关系的元素，(模块名模块名，修饰空格前模块内所有该模块)
6、兄弟选择器
以~隔开兄弟关系的元素(模块名~模块名 修饰~前模块往下的所有兄弟模块)
7、相邻选择器
以+隔开相邻关系的元素(模块名+模块名 修饰加号前模块往下的相邻的模块 只一个)
8、全局选择器
以*开头(星号标在大括号前，修饰了包含body所有的标签)
9、群选择器
以，分隔(逗号分隔开需要修饰的模块名)
10、属性选择器
[] ([type=text]修饰属性为type=text的模块)
11、伪类选择器
(1) li:first-child{} (修饰第一个li)
修饰第一个li元素
(2) li:last-child{} (修饰最后一个li)
修饰最后一个li元素
(3) li:nth-child{} (修饰第()个li)
修饰第二个li元素
(4) li:not(){} (不修饰第()个li,括号里面可以填以上的选择器)
不修饰第一个li元素
