1,我们之前学习的HTML主要是向计算机描述页面设计图上的内容都是什么样的表现形态。
HTML内容描述完毕之后，它是没有任何装饰效果。所以我们需要学习新的技术，来将HTML内容进行修饰。这种技术我们称为“css
css就是专门用于渲染HTML样式的一种脚本语言。
css的基本语法：选择器{样式属性:属性的值;}
选择器的主要作用：将我们css样式精准的加载到目标HTML标签上。
那么我们就需要能够运用各种方法找到我们目标标签。
那么找到标签的各种方法就是我们所说的选择器：
1，标签选择器：将标签的名称作为：选择器使用。例如 div{color:green;}那么此时我们就是将div作为选择器使用了。
那么标签名称做选择器的前提是：该标签在当前页面只能出现一次，否则就会出现扩大选择的情况发生。 权重值=1；
2，给我们的标签起名字，利用标签的名字做选择器，就能实现标签的精准选择。
起名字有两种方法：
1，利用id的方式来命名。id的命名规则，一个名字在一个页面中只出现一回。它的权重值=100；如何利用id的名字做选择器呢？
#id的名字{color:red;}
2，用class的方式来命名。class的命名规则是。多个元素可以使用同一个名字。它的权重是=10.使用class的命名来做选择器：
.class的名字{color:red;}
3，派生选择器 父级标签 子级标签：//代表的是：父级下所有该子级标签，部分子级标签嵌套层级关系。div p a{color:red;}
4，相邻子元素选择器：父级标签>子级标签//代表的是该父级下紧邻子级标签 div>p>a{color:red;}
5，兄弟元素的定义：1，所有元素共处一个父级下。2，所有元素在同一个级别。符合这两个条件的元素被称为：兄弟元素。
我们可以通过兄弟元素选择器来控制目标。兄元素+弟元素//只能是上面的元素控制下面的元素。 li+li{color:red;}
6，*通用选择器，一旦设置，就会设置全部的标签同时设置样式，无视父子关系。权重值最弱 0.如果我们需要提升通用选择器的权限，就需要使用！important。*{margin:0;padding:0;}
7,标签选择器，利用标签名做选择器。权重 1
css样式能够正常运行的环境：
1，在HTML的head区域，设置一对style标签，将样式内容在该标签下运行。这种用法叫做：内部样式表用法
2，我们单独建立一个记事本文件，后缀.txt修改为.css。这样我们就建立了一个css文件。然后我们通过在head区域使用link标签加以调用
语法如下：<link rel="stylesheet" type="text/css" href="css存储路径">，这种用法被称作外部样式表用法。
3，内联用法，直接用在HTML标签的开始位置上例如：<div style="color:red;"></div>
4,@import方式引用。只需了解。
前三种css用法优先级：先执行内联 再执行内部 最后执行外部（这是我们日常工作中经常用到的。）
css添加的流程：1，先找到HTML标签（利用选择器）2，给HTML写一个css样式。3，css样式放在那个地方才能生效（外部，内部，内联）
css的特征：继承性：1，父级的样式设置会被没有任何样式设置的子级继承。继承性原理：不设置任何样式的子级可以看做是一个全透明的标签，他折射的是父级的样式设置，但是子级一旦设置样式就会打破继承。
