CSS指层叠样式表（Cascading  Style  Sheets）。

CSS可以同时控制整个站点的样式和布局。通过与XHTML结合，CSS可以帮助我们实行表现与结构分离的开发模式。通过使用CSS来提升工作效率！

一、什么是CSS？

  1. CSS是层叠样式表（Cascading  Style  Sheets）的简称。
  2. CSS是一种标记语言，属于游览器解释型语言，可以直接由游览器执行，不需要编译。
  3. CSS是用来表现HTML或XML的标记语言。
  4. CSS是由W3C的CSS工作组发布推荐和维护的。
  5. CSS是编程入门人员的必修课，运用css样式可以让页面变得美观。
  6. CSS语法由三部分构成：选择器、属性和值：selector{property:value}。

二、使用CSS的优势

     内容与表现分离，有了CSS，网页的内容（XHTML）与表现就可以分开了。

使用CSS可以减少网页的代码量，增加网页的游览速度。

三、如何使用CSS？

有三种方法可以在站点网页上使用样式表：

  1. 外联式Linking(也叫外部样式)：将网页链接到外部样式表。
  2. 嵌入式Embedding(也叫内页样式)：在网页上创建嵌入的样式表。
  3. 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。

其中，优先级：内联式>嵌入式>外联式

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>css实例</title>
<style>
body{
    background-color:#ffffff;
}
h1{
    color:orange;
    text-align:center;
}
p{
  font-family:"Times  New  Roman";
  font-size:20px;
}
</head>
<body>
<h1>css实例！</h1>
<p>这是一个段落</p>
</body>
</html>

四、CSS语法

1.css规则由两个主要的部分组成：选择器，以及一条或多条声明：

h1{color:red;font-size:20px;}

h1为选择器，{color:red;font-size:20px;}为声明，color，font-size为属性，red,20px为值。

选择器通常是需要改变样式的HTML元素。

每条声明由一个属性和一个值组成。

属性是您希望设置的样式属性。每个属性有一个值。属性和值被冒号分开。

CSS声明总是以分号（；）结束；声明组以大括号（{ }）括起来：

p{color:red;text-align:center;}

为了让CSS可读性更强，可以每行只描述一个属性：

<html>
<head>
<meta charset="utf-8"/>
<title>css实例</title>
<style>
p{
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>hello  world</p>
<p>this  is css</p>
</body>
</html>

五、css颜色值的写法

在描述颜色的时候，除了使用英文单词red，我们还可以使用十六进制的颜色值#ff0000:

p{color:#ff0000;}

为了节约字节，我们可以使用css的缩写形式：

p{color:#f00;}

我们还可以通过两种方法使用RGB值：

p{color:rgb(255,0,0);}

p{color:rgb(100%,0%,0%);}

提示：当使用RGB百分比时，即使当值为0时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说，当尺寸为0像素时，0之后不需要使用px单位。

六、CSS注释

注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。

css注释以“/*”开始，以“*/”结束。

实例如下：

/*这是个注释*/
p{
text-align:center;
color:red;
/*这个另一个注释*/
font-family:arial;

}