动态模板

该模板取自《流动性》一书，使用可重复使用的 CSS 类可以非常轻松地进行定制。

此模板可快速轻松地实现一列、两列、三列甚至四列布局。这通过可反复使用的简单CSS类实现。要了解更多信息，请点击此链接。模板本身是有效的XTHML 1.0 strict 和几乎有效的 CSS。其中添加了“几乎”，因为使用了 CSS 表达式。

此模板不使用固定列。使用几个简单的 CSS 类，您可以快速更改外观。点击此处了解如何更改。

由于此模板是流体宽度，字体大小是相对定义的，因此您可以更改字体大小而不会破坏布局。流体宽度还意味着分辨率较高的人不会受到限制。

所用图像的总大小略小于 25 kb，因此对于所有拨号用户来说，这都是个好消息。模板背后的代码是语义化编写的，这意味着它受到广泛支持。至于浏览器，它在常见的浏览器中显示一致：

• 当然是Firefox
• 当然是Opera了，为什么不呢
• Netscape就像 Firefox 不那么吸引人的表亲一样
• IE浏览器...
• Safari因为 Mac 也是电脑

编码

图像对齐和标题

使用floatLeft和floatRight类可以完全支持图像。只需将其中一个应用于要定位的图像即可。只要您使用符合标准的浏览器，带有链接标签的图像也会具有漂亮的翻转效果。如果您没有使用，则没有翻转效果。

站点标题图像是两个切片和一个重复的背景。使用相同的方法，再用一点 Photoshop，您应该能够轻松替换它们。但是，由于它们是由我创建的，因此欢迎您在任何您可能喜欢的项目中使用它们。

页脚

如果没有足够的内容将页脚推到页面底部，可以使用 footerStickAlt 技术的一种变体来强制将网站页脚推到页面底部。这意味着您的模板将始终看起来整洁，您不必担心页脚会孤零零地挂在页面中间。

使用最大宽度的可读性

为了提高此模板的可读性（因为它是流动的），宽度上限为 1000 像素。这似乎是一件非常合理的事情，这就是 CSS 深思熟虑地包含 max-width 属性的原因。不幸的是，IE 决定它不需要讨厌的 max-width，因此需要一个 CSS 表达式。

CSS 表达式就像在样式表中运行的一段 JavaScript 代码。它是无效的 CSS，但只有 IE 会注意到它。

如果您担心 CSS 是否有效，请删除表达式。它不会破坏 IE 中的模板，只是意味着内容将扩展到屏幕宽度的 100%。所有其他浏览器都会正常运行。