一、Css工作原理
接上篇文章 继续将CSS使用的几种方式 不会的小伙伴可以翻看我上一篇文章
方法2：内部样式表（style元素） 为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样：
<html>
<head>
<title>例子</title>
<style type="text/css">
body {background-color: #FF0000;}
</style>
</head>
<body>
<p>这个页面是红色的</p>
</body>
</html>
方法3：外部样式表（引用一个样式表文件），推荐此方法 外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式表文件放在Web服务器上或者本地硬盘 上。例如，样式表文件名为style.css，它通常被存放于名为style的目录中。style.css文件内容如下：
body {
background-color: #FF0000;
}
如何在一个HTML文档里引用一个外部样式表文件（style.css）rel连接属性 href链接位置
<html>
<head>
<title>我的文档</title>
<link rel="stylesheet" type="text/css" href=“style/style.css" />
</head>
<body>
<h1>我的第一个样式表</h1>
</body>
</html>
这一方法可以令你省去许多工作。例如，假设你要修改某网站的所有网页（比方说有100个网页）的背景颜色，采用外部样式表可以避免你手工一一修改这100个HTML文档的工作。
二、颜色与背景
color用于指定元素的前景色
例如，假设你要让页面中的所有标题（headline）都显示为深红色，而这些标题采用的都是h1元素，那么可以用下面的代码来实现把h1元素的前景色设为红色。
h1 {
color: #ff0000;
}
颜色值可以用十六进制表示（比如上例中的#ff0000），也可以用颜色名称（比如“red”）或RGB值（比如rgb(255,0,0)）表示。
background-color用于指定元素的背景色 因为body元素包含了HTML文档的所有内容，所以，如果要改变整个页面的背景色的话，那么为body元素应用background-color属性就行了。 你也可以为其他包含标题或文本的元素单独应用背景色。在下例中，我们为body和h1元素分别应用了不同的背景色。
body {
background-color: #FFCC66;
}
h1 {
color: #990000;
background-color: #FC9804;
}
