一花一世界 – CSS实例教程：垂直型CSS条状图表
利用CSS中的background-position属性实现垂直型CSS条状图表，列表项采用了绝对定位，因为后面我们要通过left来控制各个项目之间的距离。
一花一世界 – CSS实例教程：复合型CSS条状图表（下）
在CSS样式中，dl部分只是简单的把内外边距设置为0，dd部分有一个clear属性需要特别注意。当某个元素的属性设置float浮动时，它所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float浮动，或者是希望浮动元素后面的内容不被其float浮动所影响，这个时候我们就需要设置clear来清除这种浮动关联。
一花一世界 – CSS实例教程：复合型CSS条状图表（上）
相对比较复杂的图表，但是仍然遵循上篇中提出的最基本的思路。本例中使用的定义列表标签dl可能平常我们见得不多，一般我们在做列表的时候通常只会用到ul和li标签,至于dl一般都很少用到，它也属于列表类的标签，下面说一下大概的用法 …
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【1.3】Head和Title元素
标题中体现出了站点的名称、页面在站点中所处的目录结构，这些对网站的浏览者而言都是相当有用的信息。下面展示的是一个糟糕的标题设计，它对用户起不到任何的帮助作用，我们应该尽量的利用Title，为用户提供一些使用的信息 …
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【1.2】Html标记入门
在定义了文档类型信息后，我们就可以开始从根元素构建文档了。在之所以用了“根”这个描述，是因为Web页面中所有的内容以一种树形结构进行组织，只有明确了这一点之后，我们在今后才能有效的利用CSS来定义各个内容的样式。
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【1.1】- 定义和声明文档类型
通过一定的代码来声明文档的类型并定义其编写语言和版本。这些声明信息可以用标准的通用置标语言SGML来定义。SGML是HTML的元语言，它通常作为DOCTYPE声明出现在网页文档中。
开宗明义：《CSS权威指南第三版》精髓中文学习笔记 — 构建一张HTML网页
一个Web文档是遵循一定的逻辑构建的，你必须依据代码编写的语言及其版本，把元素和对象按照规范放置在特定的位置才能产生效果，最终的代码调试也是基于这些规范进行的。
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【序】—— 关于DIV+CSS网站重构
网站重建被大家认为是脱胎换骨咸鱼翻身的重要一步，的确如此，重构之后的网站完全换了个样子。可以肯定的是，重构过的网站代码是更漂亮的，体积也更小。如果是英文网站，重构过的网站就可以提交到很多DIV+CSS网站集锦的目录，获得很多额外的链接。