二.3.了解Web前端——CSS层叠样式表

一.CSS概述

  CSS，即“Cascading Style Sheet（层叠样式表）”，是用来控制网页的外观的一门技术。例如，CSS涉及字体，颜色、边距、高度、宽度、背景图像、高级定位等方面。
  HTML、CSS和JavaScript是前端技术中最核心的三个元素。HTML控制网页的结构，CSS控制网页的外观，而JavaScript控制网页的行为。
  HTML、CSS和JavaScript的关系如下：
  HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。
  CSS可以改变HTML中标签的样式，那么如何改变它的样式呢？简单地说分为三个方面，改变谁、改什么、怎么改。改变谁——告诉CSS改变谁就要用到选择器，选择器是选择标签的方式，例如ID选择器就是通过ID来选择标签，类选择器就是通过类名选择标签。改什么——选择完标签之后，在指定改变这个标签某一属性属性。怎么改——选定标签的某个属性指定该属性值。

二.属性选择器

  属性选择器通过属性来选择标签，这些属性既可以是标准属性，也可以是自定义属性。
  在HTML中，通过各种各样的属性，可以给元素增加很多附加信息。

<p font="fontsize">属性选择器</p>  <!--设置font属性的属性值为fontsize-->
<p color="red">JavaWeb</p>  <!--设置color属性值是red-->

在HTML中为标签添加属性之后，就可以用CSS中使用属性选择器选择对应的标签。在使用属性选择器时，需要声明属性与属性值，声明方法如下：
[att=val]{}
att代表属性；val代表属性值。如下代码就可以实现相应<p>标签设置样式。
[color=red]{
  color:red;
} /*选择所有color属性值为red的标签，设置其字体为红色*/

三.类和ID选择器

  在CSS中，除了属性选择器，类和ID选择器也是受到广泛应用的选择器。ID选择器是通过HTML页面中的ID属性来选择增添样式，与类选择器基本相同，但需要注意的是由于HTML页面中不能包含两个相同的ID标签，因此定义的ID选择器就只能用一次。ID选择器前面有一个“#”，其语法如下：
#intro{color:red;}
  类选择器的名称由用户自己定义，并以“.”开头，定义的属性与属性值也要遵循CSS规范。要应用类别选择器的HTML的标签，只需要使用class属性来声明即可，语法如下：
.intro[color:red;}
  第二个区别时ID选择器引用id属性的值，而类选择器引用的是class属性的值。
  标签class属性可定义多个，而ID属性只能定义一个