摘要：什么使用嵌套的层？ 最近一个好奇的读者问起了关于 Adaptive Path 的网站重构：“对于主导航栏的设计，我一直很困惑，为什么把一个具有绝对位置(absolute)的层嵌套在一个具有相对位置(relative)的层中？” 一个简单的答案是：因为我想要使标题和导航栏具有最适宜的灵活性，并且无论文本大小如何变化，都能保持导航栏与LOGO之间的距离不变。 这是战略性(strategic)的答案，它... 阅读全文

摘要：在CSS中的“滑动门”技术（第一部分）中，我们介绍了一种技术，通过它，仅用简单的，基于文字的语义标记就可以创建出视觉效果极好的界面元素。在第二部分中，我们将把这项技术向前推进一步。如果你还没有读过第一部分，那么首先应该去阅读它。 现在，我们来看一种新的设定：所有的标签都是非高亮的，仅用一幅图片实现滑动门的滚动，为IE/Win提供可点击区域问题的解决办法，并且建议使用一种不同的方式来定位标签。为了回... 阅读全文

摘要：在CSS中，一个很少被提及的优点就是能够层叠背景图片，允许它们之间通过"滑动"和层叠来创造出特定的效果。CSS2目前的状况要求每个背景图片都分别有与之相对应的HTML元素。在通常情况下，组成通用界面的典型标记已经提供了一些我们可以使用的元素。 其中的一个例子就是标签导航栏（tabbed navigation）。随着[标签导航]的使用率不断上升，它已逐渐成为了站点导航的主流方式，现在是时候来讨论一下... 阅读全文

摘要：早在99年7月，我就在邮件列表中鼓吹样式表(style sheets)的种种优越之处。看来有些事情永远都不会改变。 而改变了的，是我对CSS的看法，以及它所应用于(X)HTML的底层结构。例如，我发现大多数的网页在导航区都包含一个链接的菜单。它们通常被编辑成一串链接，常常各自以层（div）或段落的方式来标记（markup）。然而，从结构上讲，它们是一个链接列表，并且也应该用列表来标记。 当然，之所... 阅读全文

摘要：网络标准计划（ WaSP ）中的浏览器升级行动（ BUI ）已经促使许多设计人员朝着更加标准化的网页设计方向前进。使用CSS而不是表格来为网页布局能够节省用户带宽，同时增强页面的底层语义，可访问性及其范围。 “表格已死...” 已经有几位设计师在Jeffrey Zeldman的 引领 下发表了一些指南，这些指南曾经帮助我们度过无表格设计的困难时期。最初的努力主要是集中在通过CSS定位（CSS po... 阅读全文