CSS核心：包含块（Containing Block）
2010年7月16日
提示：本文基于2008年w3c手册，内容与当前可能存在出入，请自行甄别。
包含块（Containing Block）是视觉格式化模型的一个重要概念，它与框模型类似，也可以理解为一个矩形，而这个矩形的作用是为它里面包含的元素提供一个参考，元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。
在阅读本文前，请先理解一下：
- 文档结构
- 元素类型
- CSS的direction属性
CSS核心：再说框模型（Box Model）
2010年7月13日
框模型（Box model，也译作“盒模型”）是CSS非常重要的概念，也是比较抽象的概念。
文档树中的元素都产生矩形的框（Box），这些框影响了元素内容之间的距离、元素内容的位置、背景图片的位置等等。而浏览器根据视觉格式化模型（Visual formatting model）来将这些框布局成访问者看到的样子。
因此，要掌握使用CSS布局的技巧，就需要深入了解框模型和视觉格式化模型的原理。
…阅读全文…
CSS核心：框模型与视觉格式化模型[2010年7月16日更新：包含块]
视觉类型的媒体根据CSS的视觉格式化模型（Visual formatting model）的规则来处理文档树中的元素，从而将(X)HTML转化成制作者设计的样子。
media属性和媒体类型
2010年6月9日
一、media属性
当设定样式的时候，可以指定此样式应用于何种媒体，例如：
<link rel="stylesheet" href="basic.css" type="text/css" media="screen" />
media属性为可选属性，用于指定应用此样式表的介质或媒体。允许的值有：
…阅读全文…
4.3伪类与伪元素[1]–4.3.1 伪类
2009年7月26日
伪类和伪元素是两种有意思的选择器，之所以称“伪”，因为它们实际上并不存在于源文档或者文档树中，但是它们又确实可以显示出效果。
4.3.1 伪类（Pseudo-Classes）
应用最广泛的伪类，就是链接的普通状态、鼠标悬停状态、已点击过的链接以及当前激活的链接，虽然没有在XHTML内对a元素设定class属性，也可以生效。例如：
…阅读全文…
元素类型
2009年4月8日
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如<div>和<span>就不同，而<strong>和<p>也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。
《CSS属性、浏览器兼容与网页布局》勘误及下载[2010-4-20更新3条]
2008年10月13日
担心的事情总会发生，《CSS属性、浏览器兼容与网页布局》这本书虽然经过了校验，但还是有错误。在此对读者表示歉意，同时感谢纠出这些错误的朋友们。
《别具光芒――CSS属性、浏览器兼容与网页布局》源代码
2008年9月19日
这次出版社的动作还挺快，我以为拿到样书还要一段时间才会上市，所以没有急着把下载放出来，谁知道已经有人买到了？问了编辑才知道已经上了，所以赶快把下载放出来。
样书拿到了
2008年9月17日
2008年9月17日 星期四 14:35:49
昨天拿到了样书，有两个出乎意料。
第一个是，效果比我意料的好。
由于内容比较多（我写的时候也没有想到最后这么多），出版社排版花了大力气，每页都排得满满的，最后还是厚厚的有400多页。
7.4 垂直对齐：vertical-align属性
2008年7月2日
图7-34 文字和图片内容默认垂直对齐方式为基线对齐
上一小节讲解了行高与单行纯文字的垂直居中，而如果行内含有图片和文字，在浏览器内浏览时，读者可以发现文字和图片在垂直方向并不是沿中线居中，而是沿基线对齐，如图7-34所示。
这是因为，元素默认的垂直对齐方式为基线对齐（vertical-align: baseline）。
