css 层叠样式表 简称样式表 用来实现网页布局，美化网页。
css三种引入方式：
行内样式：在开始标签里写，<div style="color: red;" 用的不多
内部样式： 在head标签里写 用style标签，把css代码写进去就行了
外部样式：在外面建一个.css文件，通过link标签引入就行了。最常用
现在主流写css会用css预处理器。会让我们写css跟方便。
现在常用的css预处理器：less、sass、stylus。
less的用法:<link rel="stylesheet/less" type="text/css" href="./less/03.less"
尾部加入
"<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js""或
"<script src="./less/less.js""（这是把js文件下载下来之后的用法—）
css的基本语法：由两部分组成：选择器和声明块（声明块包括属性和属性值） “h1 （这就是选择器）{color：red；（这就是声明）}”（这就是声明块。
css选择器 ..... 大概常用的有三个类型选择器、id选择器、class选择器。
元素 = 标签 + 属性 + 内容
类型选择器：
也叫标签选择器，或叫元素选择器。直接选中标签
id选择器：
第一步，需要在对应的标签中增加一个id属性。
第二步，需要在css中，使用#+id属性值。 所有的标签都可以设置id属性。id通常是唯一的，所以在一个页面中不要设置相同的id属性。
class选择器（类选择器）：
第一步，需要在对应的标签中设置class属性，并设置对应值。
第二步，在css的规则中，使用 .+class属性值
所有的标签都可以添加class属性
对于不同的标签，他们需要有相同的样式，此时使用class比较合适所有的标签都可以添加class属性。
对于不同的标签，他们需要有相同的样式，此时使用class比较合适。
Class属性的值，可以有多个，如果有多个，使用空格隔开
通配符选择器：
“*” 表示所有的标签，很少用，一般用来去掉所有标签的margin和padding的默认值
分组选择器：
在书写css的时候，有可能对两个不同的标签、class、id，设置相同的css。
在css中，使用逗号来实现分组。两个选择器之间使用逗号进行分隔。 #### 后代选择器：
会涉及到标签的一个嵌套（包含）。后代的层次是没有限制的
不要把逗号和空格混淆。有逗号的表示是分组，有空格的才表示后代。
伪类选择器：
目前我们就掌握一个，最常用的，就是a标签的hover伪类。
hover，表示将鼠标放到a上面的这个状态。a：hover
当鼠标移动到该超链接是a：hover就生效了；例如鼠标移上去变色
并不存在一个class=”hover”这么一个属性，所以才叫伪类。
对于hover，目前只需要掌握在a标签的用法就可以了
补充一个用法—-组合 在使用class选择器的时候，可以将标签和class组合到一起，从而缩小范围。
