一：ID选择器
二：类选择器class
三,CSS的基本简述和插入方式

因本人不善表达，讲解过程中基本上是一边演示一边讲解！讲的不好的地方希望大家多多包函！！！
DIV+CSS是网页排版布局的一项重要技术！也是网页制作入门的基础，学好了这个基本上网站的模板开发，修改，建站，CMS建站等等给你打开了通路！为了以后长期的模板开发，所以说这是必修课，不懂这个，你就注定是个门外汉！这个学起来蛮简单，只有常用的一二十多个属性，记住多练习就行了！

CSS教程第一课！
这是本站的第一课，主要讲解什么是CSS，介绍在网页中如何使用CSS以及初级讲解CSS 
什么是样式表
CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
如何将样式表加入您的网页
你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅important声明。
链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：



定义内部样式块对象
你可以在你的HTML文档的和标记之间插入一个块对象。 定义方式请参阅样式表语法。示例如下：



请注意，这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。
内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：

这一行被增加了左右的外补丁

text

   
这是我的第一个网页
　一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档. 有很多将样式规则加入到你的HTML文档中的方法, 但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分, 包含网页的样式规则.要注意到尽管STYLE元素是试验样式表的好方法, 它具有某些在用户使用这种方法之前应该考虑的缺点. 不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。　　每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY, P, 或EM--和该选择符所接受的样式.　　有很多的属性可以用于定义一个元素. 每个属性带一个值, 共同地描述选择符应该如何呈现.　　样式规则组成如下:选择符 { 属性: 值 }
　　单一选择符的复合样式声明应该用分号隔开:选择符 { 属性1: 值1; 属性2: 值2 }　　以下是一段定义了H1和H2元素的颜色和字体大小属性:



　　上述的样式表告诉浏览器用加大、红色字体去显示一级标题, 用大、蓝色字体去显示二级标题. CSS1 规格正式地定义了所有的有效属性和值. 属性和值在本网站的CSS 属性部分也给出了.    
多重声明：　　提示：如果要定义不止一个声明，则需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。最后一条规则是不需要加分号的，因为分号在英语中是一个分隔符号，不是结束符号。然而，大多数有经验的设计师会在每条声明的末尾都加上分号，这么的好处是，当你从现有的规则中增减声明时，会尽可能的减少出错的可能性。就像这样：
　　p {text-align:center; color:red;}        你应该在每行只描述一个属性，这样可以增强样式定义的可读性，就像这样：
　　p { text-align: center; color: black; font-family: arial;}空格和大小写　　大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑：
　　body { color: #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }是否包含空格不会影响 CSS 在浏览器的工作效果，同样，与 XHTML 不同，CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。选择器的分组　　你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。
　　h1,h2,h3,h4,h5,h6 { color: green; }
id 选择器　　id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
　　id 选择器以 "#" 来定义。
　　下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：
　　#red {color:red;}#green {color:green;}下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。
　　

这个段落是红色。

这个段落是绿色。

注意：id 属性只能在每个 HTML 文档中出现一次。想知道原因吗，请参阅 XHTML:网站重构。  　　.center {text-align: center}在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。
　　在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。
　　

This heading will be center-aligned

This paragraph will also be center-aligned.

注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
　　和 id 一样，class 也可被用作派生选择器：
　　.fancy td {        color: #f60;        background: #666;        }在上面这个例子中，类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字。（名为 fancy 的更大的元素可能是一个表格或者一个 div）
　　元素也可以基于它们的类而被选择：
　　td.fancy {        color: #f60;        background: #666;        }在上面的例子中，类名为 fancy 的表格单元将是带有灰色背景的橙色。
　　你可以将类 fancy 分配给任何一个表格元素任意多的次数。那些以 fancy 标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为fancy 的类的单元格不会受这条规则的影响。还有一点值得注意，class 为 fancy的段落也不会是带有灰色背景的橙色，当然，任何其他被标注为 fancy的元素也不会受这条规则的影响。这都是由于我们书写这条规则的方式，这个效果被限制于被标注为 fancy 的表格单元（即使用 td 元素来选择fancy 类）。