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语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
2010-01-26
@import调用css和link href调用有什么区别？
文章分类:Web前端
大家去分析一些大站的css代码时，都会发现调用css有以下两种方法：
方法一：
<style type="text/css">
<!--
@import url("css/main.css");
@import url("css/font.css");
@import url("css/layout.css");
-->
</style ......
学了css几天，发现有个问题。
如图所示,最外层有个div（粉色），内部上中下三个div，中间div内有三个水平排列的div（绿色）。
“middle”div的高度是根据内部三个绿色div高度变化的。这个有办法实现吗？
我试了试，如果三个绿色div水平排列的话，middle的高度就不能自动适应，必须制定高度。我把3个绿色div暂� ......
<!--样式表是对标签样式的修改-->
<!--当对标签的样式重复定义时，使用距离最近的样式定义-->
<!--在html中导入css样式表-->
<link REL=stylesheet href="Untitled-1.css" type="text/css"> <!--在head标签中添加这行-->
<!--标签的选择-->
h1{font-size:20pt;color:r ......
/* 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 ......
