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还可能会导致不同浏览器显示存在差异.
相关文档：
一直以来我都以为css是无法限制字符长度的，最近才发现原来可以这样.最简单的兼容方法：
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资 ......
<!--样式表是对标签样式的修改-->
<!--当对标签的样式重复定义时，使用距离最近的样式定义-->
<!--在html中导入css样式表-->
<link REL=stylesheet href="Untitled-1.css" type="text/css"> <!--在head标签中添加这行-->
<!--标签的选择-->
h1{font-size:20pt;color:r ......
原文链接：http://www.fendou163.cn/article/20090115/24807.html
Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是� ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom &nbs ......
