fireyy blog

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.

Via HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+

前天，W3C发布了他们的网页编辑器 － Amaya 10。开源软件，提供了多平台的版本。编辑器除了支持HTML和CSS以外，还支持SVG(W3C制定的“可升级矢量图形”)和PDF等...遗憾的是目前还不支持中文对中文的支持比较差。

界面相对简陋，不过表达的十分清晰，标准的可视化工具。如果在中文的支持方面有所改善，绝对是网页设计师用来代替dreamweaver的好工具。本人由于长期受TextMate的照顾，不太习惯可视化工具，所以很快就放下了...

pre标签用来显示预格式(preformatted)文本，实际应用中我一般用来显示各种代码。

以前通常会给pre定义这样的CSS，使pre不被过长的文本撑破，而出现滚动条:

pre { overflow: auto; width: 515px; }

但是当横向、纵向滚动条同时存在时，很让人抓狂。于是在CSS 3中，white-space有了一个新的值pre-wrap，再加上一些浏览器的私有属性，我们就得到了解决方案：

pre {
 white-space: pre-wrap;       /* 支持css 3的浏览器 */
 white-space: -moz-pre-wrap;  /* 老版Mozilla*/
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* IE 5.5以上 */
}

来自：Wrapping the pre tag