《精通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�
相关文档：
引用牛人经典口决
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布 ......
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 ......
CSS兼容性一直是大家头疼的问题，现在说说如何区分这几个浏览器，IE6、IE7、IE8和FF，IE8均指IE8正式版,版本号:8.0.6001.18702。
以颜色为例来说如何区分这几个浏览器：
.csshack{
color:#f00; &nbs ......
css,javascript的预加载
为了提高网站的加载速度，有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。预加载文件一般有两种常用的方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式(例如yui的Get模块)，然后使用动态插入节点方法加载的文件都会在加载后立即执行， ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>固定表头和列</title>
<style>
.FixedTitleRow
......
