可以这么理解，class是类属性，可以无限制的使用，并且在全局符合样式规范的地方均可用。
id是身份标识，它下面其实也主要是class样式。但它标识了身份，html中只有这调用这个身份的代码才能享有这些样式。另外一个最大的不同是，id的样式，在html页面中只能引用一次，而class是无限制的。还有就是JS代码牵扯的样式只能用id来提供。
如果只是普通简单的样式，那都可以通用。比如你要引用style2样式，可以写
.style1 .style2 { }
#style1 .style2 { }
再在html中分别引用，效果是一样的。但要注意#style1只能被引用一次。
<style>标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。意思是这里面的文本内容(text)要当层叠样式表 (css)来解析，不能当作其它的来解析。
由于唯一值type是"text/css" 所以一般不写也是可以使用的，但是一般的代码规范性是要要求要写的。就看你遵守不遵守代码规范性了，你写不写都是没有影响的。
分类: 烦恼问题描述:
网页制作里的 CSS样式 到底是什么意思 用了之后能有什么效果?
解析:
CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
如何将样式表加入您的网页
你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。
1. 链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：
<head>
<title>title of article</title>
<link rel=stylesheet href="det/rainer.css" type=text/css>
</head>
而在XML中，你应该如下例所示在声明区中加入：
<? xml-stylesheet type=text/css href="det/rainer.css" ?>
定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。
示例如下：
<>
<style type=text/css>
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"font-weight: boldcolor: maroon}
h2 {font: 13pt/15pt "Arial"font-weight: boldcolor: blue}
p {font: 10pt/12pt "Arial"color: black}
-->
</style>
<body>
请注意，这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。
2. 内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
示例如下：
<p class="page_speeder_817578762">这一行被增加了左右的外补丁<p>
样式表语法 (CSS Syntax)
Selector { property: value }
参数说明：
Selector -- 选择符
property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号()隔开
继承的值 (The ' Inherit ' Value)
每个属性都有一个指定的值：Inherit。它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。
上面这些可能对于初学者来说还不太好理解，但主要是明白CSS就相当于网页的衣服一样，学会用了就好办。WEB标准提倡样式（即CSS）与结构（HTML，XML等）分离，所以学会CSS的应用就显得更加重要了。
