关于HTML5的主干核心知识点，以及常用的标签就都差不多学完了，接下来我们进入CSS的学习。
CSS比HTML要难一点。
CSS的属性也都是英语单词，常用的属性，也需要把它们都背诵记忆下来，其实常用的属性也就那些，多写几遍，工作或练习中写几次项目代码，也就很熟了。
CSS简介
CSS是cascadingstylesheet(层叠样式表)的首字母缩写。它是用来给HTML标签添加样式的语言。
CSS是给HTML标签添加样式的，那么为什么叫层叠样式表呢？等后面学了CSS的层叠性、继承性之后，就明白了。
CSS3
CSS3是CSS的最新版本。它比CSS2增加了大量的样式、动画、3D特效和移动端特性等等。
前端三层
前端的三门语言HTML、CSS和JavaScript，实际上是分别属于三个层的。
HTML属于结构层，CSS属于样式层，JavaScript属于行为层。
关于前端三层的名字和功能，下面这个图已经总结出来了，一定要记住。
CSS的重大意义
CSS的出现，意义非常重大。
它的意义就是：
CSS使样式和结构分离，结构和样式不用杂糅在一起写，而是彼此分开----HTML就负责结构，CSS就负责样式。
年之前，程序员编写网页代码，常常在HTML中写CSS代码，这种写法到现在早已被淘汰了。
怎么让CSS知道它负责的是哪一块结构的样式呢？也就是说，我们怎么样用CSS去具体的控制哪一个HTML标签呢？
答案就是使用选择器。
选择器是把HTML和CSS结合起来的纽带。
比如我们的HTML结构会这样的：
那么CSS可以这样写：
我们看到，CSS的语法和HTML的语法完全不同。CSS代码是写在style标签对儿当中的。
在上面的CSS代码中，h2和p就是选择器，选择器后面的大括号中的代码，就表示给选择器所选择的HTML元素添加样式。
color:red表示让h2标签中的文字的颜色变为红色。
color:blue表示让p元素中的文字的颜色变成蓝色。
在这里，选择器h2选择的就是h2标签，选择器p选择的就是p标签，明白什么是选择器了吧。
上面的代码，表示结构的HTML代码，和表示样式的CSS代码并没有写在一起，而是分离的，这就是所谓的结构和样式分离。而HTML和CSS之间是通过选择器来连接而产生联系的。
上面代码在浏览器中的效果如下：
但是这样写，所有的h2标签的文字都是红色，所有的p标签的文字都是蓝色。
我想让某一个h2标签的文字，和某些p标签的文字是绿色，怎么办呢？可以使用类选择器。
同样还是三个h2元素，三个p元素。
我给其中一个h2标签上写上class属性，给其中两个p标签上也写上class属性，这几个class属性的值都给一样的值，都是spec，这是随便起的class类名，是special的前几个字母。
那么CSS代码可以这样写：
在这里，.spec就是选择器，表示选择页面上所有带有spec类名的HTML元素。我让匹配到的元素的文字颜色变为绿色。
这样所有带有spec类名的元素，它的文字就都变成了绿色。
所以，CSS就是通过选择器，来选择页面上的HTML标签，给他们添加样式。
CSS的本质
CSS的本质就是：CSS是样式的清单，我们通过书写合适的选择器，然后把选择的HTML元素的样式，一条一条罗列出来。
比如下面的CSS代码：
选择类名中有spec和warn的元素，给它们分别添加样式。
比如选择器.spec选择的HTML元素，给它添加了3条样式，一条一条都分别罗列了出来：
第一条--color:green；表示把选择的元素的文字设置成绿色。
第二条--font-weight:bold；表示把选择的元素的文字加粗，
第三条--font--style:italic；表示把选择的元素的文字变成斜体。
我们看到，CSS代码都是英语单词，CSS代码的属性和属性值之间，用英文的冒号隔开，CSS属性和属性之间，用英文的分号隔开。
注意：CSS代码中的标点符号都必须是英文，否则是不能正确执行并报错的。
所以说，CSS既是简单的，也是难的。
CSS简单的地方在于--它没有加减乘除、与或非、循环、选择、判断。CSS不是编程，它就是简单直接的罗列样式。
而CSS难的地方在于--它有很多的属性，需要你去背诵并熟记这些属性。