CSS入门
起初的HTML的设计只是定义文档内容用，而对于文档布局则由浏览器来完成。后来由于浏览器服务商不断地将新的规范中，使得创建文档内HTML标签添加到HTML容清新独立于表现层的站点越来越复杂。为了解决这个问题，万维网联盟（W3C），肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。主流浏览器都支持层叠样式表CSS，它能够使我们有能力改变站点中所有页面的布局和外观。
上面说明了CSS产生的原因。对于html与CSS的作用我的理解是html主要用于告诉浏览器显示哪些内容，而CSS则主要告诉浏览器这些内容的布局和外观是什么样子的。CSS语法参考
CSS的核心内容应该就是盒子模型了（其边框类型）。我感觉html中的元素表现在网页中就是一个矩形，而这就应该是那个盒子。我们可以通过CSS属性来设置这些盒子各个方面。这些属性主要包括以下内容：
背景属性、边框属性、文本属性、字体属性、外边框属性（margin）、内边距属性（padding）、定位属性（position）、伪类等(这些属性的具体内容及相应介绍，见CSS参考手册)
网页的布置和外观就是通过这些属性对那些盒子模型（HTML中的元素）进行设置的的结果。为了达到布置网页的灵活性，会经常灵活的运用HTML的div和span元素和Class和id两个属性。
div和span有很大的相似处，都是为了组织和结构化文档，但span只能用于组织和结构化一个元素块，div则可用于多个元素块。并且它们通常是要用到Class或id属性的。
简单的说，CSS就是运用从HTML抽出来的属性，对HTML文档中的元素(就是那些盒子)进行布置的技术。在CSS文件中可以不是直接使用元素，可能会使用标记（id）或类别（Class）。例如我们可能会在CSS文件中直接对body元素进行设置（语法 body{background-color:red;}），也可能对其中的某个词使用<span id="3">要设置的词</span>来增加标记，然后在CSS中利用#3{写明要设置的属性及其值}对该词进行设置。
相关文档：
盒子标签和属性对照
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 ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资 ......
/* 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 ......
翻译：阿捷
原文作者：Roger Johansson
作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名 原文出处：www.456bereastreet.com
阿捷说明：此文原名"CSS tips and tricks"，有2篇，我将它们合并翻译在本文中。
本文总结了我开始使用CSS布局� ......
这是本人学习CSS得一些心得，觉得很有用，希望对大家也有所帮助。
1. 如何写CSS友好的HTML.
大家知道要是自己的页面兼容不同厂商，不同版本的浏览器简直就是一场噩梦。一方面是因为不同浏览器的差异性，还有更重要的是我们自己写
的HTML不规范。我觉得每个HTMl标签都有它的特定的用途，有它的书写规范，我们必须遵守这些 ......
