CCS：由选择器 {声明} 组成，多条声明以；分割。以style标签包含。
<style>
h1 {color:red;font-size:15px;}
p {color:yellow;}
</style>
<h1>aaa</h1>
<p>黄色</p>
ID选择选择器 定义后由 ID="选择器" 来引用已经声明的内容。次处选择器以#号开头。不能以数字开头
<style>
#h {color:red;font-size:15px;}
</style>
<p id="h">ID选择器</p>
class 选择器
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：
<style>
/*指定特定的HTML元素使用class。/*
h1.h {color:red;
font-size:15px;}
.wuwu {color:yellow;}
</style>
<p class="wuwu">断络</p>
<h1 class="h">haha</h1>
外部样式：<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。
外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行
内部样式表：
当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
内联样式
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。
改变段落的颜色和左外边距：
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
优先级:
内联样式（在 HTML 元素内部）>内部样式表（位于 head 标签内部）>外部样式表>浏览器缺省设置
内联样式表的权值最高 1000
ID 选择器的权值为 100
Class 类选择器的权值为 10
HTML 标签选择器的权值为 1
CSS 优先级法则：
A 选择器都有一个权值，权值越大越优先；
B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；
C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式；
D 继承的CSS 样式不如后来指定的CSS 样式；
E 在同一组属性设置中标有"!important"规则的优先级最大；
CSS Backgrounds(背景)
CSS 属性定义背景效果：
background-color 》》》定义颜色
h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}
background-image 》》》默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.
body {background-image:url('paper.gif');}
background-repeat 》》》》背景图像进行平铺
background-image:url('gradient2.png');
如果你不想让图像平铺，你可以使用 background-repeat 属性:
body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
}
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
background-position 》》》》 改变图像在背景中的位置
body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
background-position:right top;
}