CSS最佳实践 1
这是本人学习CSS得一些心得，觉得很有用，希望对大家也有所帮助。
1. 如何写CSS友好的HTML.
大家知道要是自己的页面兼容不同厂商，不同版本的浏览器简直就是一场噩梦。一方面是因为不同浏览器的差异性，还有更重要的是我们自己写
的HTML不规范。我觉得每个HTMl标签都有它的特定的用途，有它的书写规范，我们必须遵守这些规范，不能舍近求远，不用废弃的标签和属性，
就可以减少浏览器不兼容的问题。以下是我们应该注意的几点.
1). 一个页面只用一个h1.
2). 重要性不同的内容要用不同级别的header (h1, h2, h3).
3). 段落标签p用于整段文本。
4). 无序列表ul一般用于几个相关的item, 比如导航条，子标题，或帮助条目。
5). 有序列表ol一般用于一个用于表示步骤，有序列表等。
6). 定义一连串术语(term)使用dl(definition list), dt(definition term)和dd(definition description).
7). 要使用一段引用的文本的使用blockquote(多行)或q(单行)
8). 使用cite来引用书名，报纸头条，网站. address用来显示本页作者的联系信息，或copyright.
9). 尽量不要为标签添加控制显示的属性。
10). 如果找不到符合需要的标签才考虑用div和span.
11). 一定要使标签结束，包括br, img.
12). 一定要有Doctype. Doctype在xhtml中是必须的，在html中声明doctype也是一种好的习惯，因为它会影响页面在浏览器中的显示，浏览器会根据不同的doctype而使用的不同的rule来解释执行页面元素。不声明doctype还可能会导致不同浏览器显示存在差异.
相关文档：
许多人认为ie6不支持!important，其实是被一条针对ie 6的css hack给误导了。这条css hack是：
.test {
height: auto !important;
height: 500px;
}
.test的高度在其他浏览器里面是auto，而在ie6里面是500px，许多人在解释这条css hack之所以会生效是因为ie6不支持!important，误导了不少� ......
学了css几天，发现有个问题。
如图所示,最外层有个div（粉色），内部上中下三个div，中间div内有三个水平排列的div（绿色）。
“middle”div的高度是根据内部三个绿色div高度变化的。这个有办法实现吗？
我试了试，如果三个绿色div水平排列的话，middle的高度就不能自动适应，必须制定高度。我把3个绿色div暂� ......
昨天学习了Css的一小部分属性，这些属性一直从昨天练习到今天，感觉如果想把这些属性完全的掌握牢固还需要大量的练习，看到同学一个比一个学习努力，有的同学已经超前学习，心里感到七上八下的，因此自己也在慢慢钻研，不能落到别人的后面，昨天主要是练习了，今天主要的总结了一些Css的属性：
文本
font-fa ......
/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* ba ......
