《精通CSS高级WEB标准解决方案》第一章：基础知识
我在第九区 上发表了这个系列的笔记，并上传了原作电子书，今天有空，转一下过来。
第一章、基础知识
1.1设计代码的结构
设计代码时应该使用有意义的标记，比如，xHTML里包含很多有意义的元素，如h1、ul、strong、thead等等，应用使用所有意义合适的元素；当现有元素不足以描述页面内容时，可以用id或是class来赋予它们额外的意义(显然，目前用XML来创建自己的元素仍然是不现实的)。
一个id只能命名页面上的一个元素，而在整个站点上，id命名仍应该保持一致;
class适合用来标识同一类型或相似的条目，比如，一个新闻页面中每条新闻的日期，都可以统一分配class为date;
命名id和class时，应该尽量保持名称有意义且和表现方式无关。比如，一开始你的导航栏出现在右边，于是就给它分配id:rightHandNav，可是不久之后，想把它的位置改到左边，名称就不合适了，所以，应该把它命名为subHandNav更加合理。同样道理，即使你希望所有错误消息以红色显示，也应该将它命名为error，而不是red
传统的HTML中，id和class的大小写是不区分的，但是在XHTML中，则是区分大小写的，所以，我们应该养成习惯保持大小写统一。
应该删除不必要的类，以简化代码，使页面整洁。如果你的类很多，则可能你的XHTML文档结构有问题。
过度使用div被称为"divitus"(多div症)。
div用来给块级(block)元素分组，span则用来给行内(line)元素分组。
有时候为了以希望的方式现实页面，无法避免添加额外的无意义的div和span，这是正常的，不必担心，将来CSS3.0会解决这个问题。
文档应该声明DOCTYPE，并进行有效性检验。可以通过http://validator.w3.org 进行检验，也可以通过多种firefox插件进行检验。
DOCTYPE声明分成三种：
怪异的（完全兼容老版本）[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
[/code]过渡的(部分兼容老版本)[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[/code]严格的(不兼容老版本)[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[/code]事实上，目前流行的浏览器不会去读取代码中提供的网址，而只判断文档属于三种模式中的哪一种。
很多编辑器会自动添加DOCTYPE声明，但有时它们还可能添加XML�
相关文档：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
......
1、CSS风格网站，将下面这段代码添加到网站css文件最顶端。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
或者：
在css文件的body中加入filter:gray：
body {filter:gray}
2、未启用CSS风格网站，在网页或者模板的HTML代码和之间插入以下代码：
<style>
html{filter:pro ......
<!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=gb2312" />
<title>无标题文档</ ......
看看下面这段代码，是否倍感亲切但又觉得很陌生呢：
.test {
background-color: black; /* firefox, opera, ie8 */
[;background-color: green;] /* safari, chrome */
*background-color: blue; /* ie7 */
_background-color: red; /* ie6 */
}
html*~/**/body .test {
border: 5px solid ......
列举一些网站页面变灰的css代码:
首先确保网站有1.0标准声明:
<!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“>
方法如下:
1.html{filte ......
