一.简单介绍css
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素，样式通常存储在样式表中
把样式添加到 HTML中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中，多个样式定义可层叠为一个
二.css和html的区别
html：用于定义文档内容
css：样式表定义如何显示 HTML 元素（就像 HTML 中的字体标签和颜色属性所起的作用那样）
样式通常保存在外部的 .css 文件中。只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观
三.css规则针对某一种html的元素(css装饰同类型的标签，比如所有的h1标签)
css规则解释：
css选择器通常是需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是希望设置的样式属性（style attribute）。每个属性有一个值。
属性和值被冒号分开，属性和值构成一个声明。
声明和声明之间用；隔开，最后一个声明必须有；号
四.css的id和class选择器
.css的id选择器针对html的元素中的一个（css只装饰一个h1标签而不是所有的h1标签）
css的class选择器描述一组元素的样式（css可以一次装饰多种类型的标签，比如h1,p等）
1.ID 选择器
1）id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
2）HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
3） ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用
以下的样式规则应用于元素属性 id="para1":
说明：只有 id="para1"的元素才能被css装饰，第二个h1标签没有被装饰。
2.class选择器
1）class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使 用。
2）class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：
3）类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用
在以下样式规则中，所有拥有 center 类的 HTML 元素均为居中。
五.css中的注释内容语法：
/* css注释内容 */ ---->(在css中使用，在header标签下的-style标签中使用)
补充：html的注释内容是 (在body标签中使用)
六.样式表的三中插入方式:外部样式表,内部样式表,内联样式
1.外部样式表
1)当样式需要应用于很多页面时，外部样式表将是理想的选择。
2)在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观。
3)每个页面使用 标签链接到样式表
4）外部样式表不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存
link的语法：
href：指定css文件的位置，type代表引入的css样式文件
mystyle.css文件内容:
hr {color:sienna;}
#id-type {margin-left:20px;}
.body-class {background-image:url("/images/back40.gif");}
注意： 不要在属性值与单位之间留有空格（如："margin-left: 20 px" ），正确的写法是 "margin-left: 20px"
2.内部样式表
1）当单个文档需要特殊的样式时，就应该使用内部样式表。
2）使用