一、CSS基础 & 二、CSS选择器基础（绿叶学习网）

1. CSS，即“Cascading Style Sheet（层叠样式表）”，是用来控制网页的外观的一门技术。HTML、CSS和JavaScript的关系如下：“HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。”

2. CSS3是CSS的升级版本。CSS是从CSS1.0、CSS2.0、CSS2.1和CSS3.0这几个版本一直升级而来，其中CSS2.1是CSS2.0的修订版，CSS3.0是CSS的最新版本。CSS3.0相对于CSS2.0来说，新增了很多属性和方法，最典型的就是你可以直接为文字设置阴影和为标签设置圆角。在CSS2.0中，为标签设置圆角是一件很头疼的事情。

3. 在HTML中引入CSS共有3种方式：
   （1）外部样式表；
   外部样式表是最理想的CSS引用方式，在实际开发当中，为了提升网站的性能和维护性，一般都是使用外部样式表。所谓的“外部样式表”，就是把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。
   当样式需要被应用到多个页面时，外部样式表是最理想的选择。使用样式表，你就可以通过更改一个CSS文件来改变整个网站的外观。外部样式表在单独文件中定义，并且在标签对中使用link标签来引用。
   说明：外部样式表都是在head标签内使用link标签来引用的。
   （2）内部样式表；
   内部样式，指的就是把CSS代码和HTML代码放在同一个文件中，其中CSS代码放在标签对内，并且标签对是放在标签对内的。
   说明：对于内部样式表，CSS样式在标签对中定义，而是在标签的style属性中定义。

内联样式是在单个元素内定义的，对于网站来说，冗余代码很多，而且由于冗余代码多，每次改动CSS样式都要到具体的标签内修改，这样使得网站的维护性也非常差。在实际开发中，我们一般使用外部样式表。

4. id属性被赋予了标识页面元素的唯一身份。如果一个页面出现了多个相同id属性取值，[CSS选择器]或者JavaScript就会因为无法分辨要控制的元素而最终报错。在同一个HTML页面中，不允许出现两个相同的id。不过要注意一下，在不同页面是可以出现相同id的元素。

5. class，顾名思义，就是“类”。它采用的思想跟其他C、Java等编程语言的“类”相似。我们可以为同一个页面的相同元素或者不同元素设置相同的class，然后使得相同的class具有相同的CSS样式。
   如果你要为两个元素或者两个以上元素定义相同的样式，建议使用class属性。

6. id和class就像你的身份证号和姓名，身份证号是全国唯一的，id号也就是唯一的，class（类名）就是姓名，两个人的姓名就有可能一样。
   此外，需要注意一下：
   （1）一个标签可以同时定义多个class；
   （2）id也可以写成name，区别在于name是HTML中的标准，而id是XHTML中的标准，现在网页的标准都是使用id，所以尽量不要用name属性；

7. 把某一个你想要的标签选中的方式就是所谓的“选择器”，也就是说选择器就是一种选择元素的方式。选择器，说白了就是用一种方式把你想要的那一个标签选中！把它选中了，你才能操作这个标签的CSS样式。CSS有很多把你所需要的标签选中的方式，这些不同的方式就是不同的选择器。
   选择器的不同，在于它选择方式不同，但是他们的目的都是相同的，那就是把你需要的标签选中，然后让你定义该标签的CSS样式。当然，你也有可能会用某一种选择器代替另一种选择器，这仅仅是由于选择方式不一样罢了，目的还是一样的。