去年我翻译了 HTML5 differences from HTML4，时隔约快一年了，这份工作草案再次更新。而我也开始着手更新自己的翻译稿。
这次的更新量相当大，所以翻译完整更新以及修订需要一些时间，但我会尽力最快地拿出更新稿。今天乘空的时候稍稍对比了一下两者，如果你读过去年5月25日版本，无论是英文原文，或者是我的翻译稿，那么你就可以从下面了解一些当前的最显而易见的改动。
CSS display: run-in;
display:run-in; 是一个非常有趣的属性，虽然作为普通流里的一个环节，但却很少有人问津。Chris Coyier 曾经写过一篇 CSS Run-in Display Value，简述了这个属性的作用。除此以外，它几乎不被人所讨论。
对于其定义，大致上就是下面这三点：
- If the run-in box contains a block box, the run-in box becomes a block box.
- If a sibling block box (that does not float and is not absolutely positioned) follows the run-in box, the run-in box becomes the first inline box of the block box. A run-in cannot run in to a block that already starts with a run-in or that itself is a run-in.
- Otherwise, the run-in box becomes a block box.
翻译成中文就是下面的意思：
- 如果 run-in box 包含 block box，那么这个 run-in box 也成为 block box
- 如果紧跟在 run-in box 之后的兄弟节点是 block box，那么这个 run-in box 就会做为此 block box 里的 inline box，run-in box 不能进入已经一个已经以 run-in box 开头的块内，也不能进入本身就是
display:run-in;的块内 - 否则，run-in box 成为 block box
可见 display:run-in; 会根据上下文环境变换表现形式：如果后面是一个块，那么就并入其中成为行内头。如果后面是行，则继续独立保持成块。
对于这个属性，也许我们不禁要问，它有什么用？比如，我们完全可以用 float、inline-block 甚至是 inline 替代从而达到类似的视觉效果。然而，典型应用里，h1 - h6无法包含在 p 里，我们既要达到语义又要达到这样的视觉效果的话，唯有使用 display:run-in;。float 毕竟无法让标题inline在整个段落的开头，文字的大小会影响换行和布局。而 inline-block 以及 inline 则不符合语义。
HTML5 Differences from HTML4 译文
原本是在蓝色理想上接了一个150积分的任务，然后开始翻译这篇虽然是草案却被广泛引用并且阅读的工作笔记——HTML5 Differences from HTML4，即《HTML5 相对于 HTML4 的差异》。对于翻译内容的一再斟酌花费了大量的时间，所以翻译工作比想像的更为耗时和费力。不过在经过了一系列的折腾后，总算迎来了成果。
你可以在这个链接看到我的译文：http://www.swordair.com/docs/html5-differences-from-html4/
Block-level Box & Block Container Box & Block Box
前几天，一位叫做colin朋友邮件问了我一个关于包含块的疑问，大致是说，css2.1定义里有这样一句：
“For other elements, if the element’s position is ‘relative’ or ‘static’, the containing block is formed by the content edge of the nearest block container ancestor box.
但是国内的翻译资料，却是这样的：
它的包含块由它最近的块级、单元格（table cell）或者行内块（inline-block）祖先元素的内容框创建
到底包不包括行内块(inline-block)？
凭着一些以前对CSS标准的印象，我模糊地给出了一个我的理解，即inline-block虽然对外是行内元素，但是其内部格式化成块，所以仍然属于block container。虽然也没有错误，但显然不够清晰，也没能给出标准的参考依据。于是今天乘着有空翻了一下标准，发现自己的有部分知识结构随着时间慢慢模糊掉了，不过好在有印象，花一点时间能串的起来。
CSS3 box-shadow 详解(1)
这段时间确实比较繁忙，所以博客一直都没什么产出:) 前段时间看到一篇《9个你现在可以使用的CSS3属性( 9 CSS3 Properties You Can Use Now )》，描述了当前可以渐进使用的CSS3的新的属性。但实际上由于种种原因，当前能使用的其实远达不到9个这么多。
本文讨论的就是其中之一，box-shadow，而且是从比较细节的角度。既然是详解就必然要写的详尽，于是，写到一半的时候才发觉内容太多，所以就分成了2个章节。这个章节里讨论box-shadow标准的描述，所以你能知道一些非常细节的东西，当然这些东西都没法使用，所以如果你只是想了解怎么使用box-shadow，请跳过这一章，直接阅读我写的《CSS3 box-shadow 详解(2)》，那里我会写记录些常用的或者是有趣的使用方法。
和往常一样，我先是查找了国内已经有人写过的内容避免自己写的和他们的有所冲突。和我之前写 CSS3 Media Query 时的没有多少好文的情况不同，关于box-shadow已经涌现出了很大的一批内容，所以后面的描述中我将援引他们。
CSS定位机制之一：普通流
文档流，其实标准里根本就没有这个词。如果把文档流直译为英文就是 document flow ，但标准里只有另一个词，叫做普通流( normal flow )，或者称为常规流。但似乎大家更习惯文档流的称呼，因为很多中文翻译的书就是这么来的。比如《CSS Mastery》，英文原书中至始至终都只有普通流 normal flow 这一词，从来没出现过文档流 document flow 。但是中文译本“普通流”和“文档流”却是交替出现的。
那么什么是普通流？
