可以放置样式的地方：样式表，<style>和style
样式表是一个独立的文件，可以通过<link>元素或者css的@import语句把它附加到某个html文档中，<style>是一个html元素，可以把它内嵌在html文档中，style是一个属性，可以内置在任何html元素中。
要想把样式表连到html文档中，要在html文档中的<head>区域使用<link>元素，并把样式表的url赋给<link>元素的href属性
语法细节：
1. 应当使用unicode utf-8来给css文件编码
2. css代码应当小写：当引用xhtml中的元素名字，类，属性和ID时，选择符是区分大小写的，css的属性和值是不区分大小写的。
3. 元素名，类和ID 只能由字母，数字和下划线，连字符和161个或更多Unicode字符构成，元素，类和ID的第一个字符不能是数字或连字符，类名和ID不能含有标点符号（除了下划线和连字符）
4. 可以通过多个类名用空格分开来为元素赋予多个名字
5. 常量值不用引号
6. 反斜杠(\)可以在某些不能直接显示字符的地方吧他们镶嵌进去。如 \26B会在字符串或标识符中镶嵌“&”
7. 字符串可以包括小括号，逗号，空格，单引号，双引号，不过他们都用反斜杠进行转义
8. 分号用于终止css规则和@import语句
9. 规则集是指在大括号中包含了多条规则，如{color:red; font:size:small;}
10. 右大括号立即终止一组属性，除非他是镶嵌在字符串中，如”}”
11. 注释格式: “/*”开始，“*/”结束
12. 空白：空格(\20)，制表位(\09),换行（\0A）,回车（\0D），换页(\0C)
经验：
1. 把样式放在样式表中，会减少html文档中的非内容成分，并且把所有的样式放在独立的文件便于管理
2. 用一个单词为样式表命名，并且全部小写（名字简洁容易记忆，并且可以容易运行在不同操作系统）
3. 使用一个能描述样式表使用目的和作�
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS+CSS相册展示&l ......
!important语法针对的是“后面的属性覆盖前面的属性”这一语法，也就是说标识了!important的属性，是不被后面的相同属性所覆盖的，而IE6不认识这个，导致其他浏览器很容易根据这点“欺负”IE6：
div{
text-decoration:overline;
*text-decoration:line-through!important;
� ......
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：
下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！
hand是手型
例子：CSS鼠标手型效果 <a ......
