《精通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边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布 ......
选择器 语法 描述 示例 标签选择器 E{ .....} 以文档元素作为选择符 td{font-size:14px;
......} ID选择器 #ID{...} 以文档元素的惟一� ......
转自：http://www.div-css.com/html/XHTML-CSS/hack/1136667.html
区别不同浏览器，CSS hack写法：
区别IE6
与FF
：
background:orange
;*
background:blue
;
区别IE6
与IE7
：
background:green
!important
;background:blue
;
区别IE7
� ......
原文:http://www.52css.com/article.asp?id=1026
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.
1.div的垂直居中问题
vertical-align:middle;
将行距增加� ......
在html中，即使我们没有指定页面元素显示的css样式，元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码，现将html标签的默认属性进行一定的汇总如下：
li { display: list-item }
h ......
