一个超强的网站，研究CSS的人看看

光他们主页的source设计的就够精妙了，尤其是navibar！

http://www.alistapart.com/articles/

大家现在对 CSS 的兴趣似乎都提起来了。也难怪，CSS 掌握起来非常容易，而且可以实现很 cool 的显示效果。
我也来贴一个使用 CSS 的例子：
http://www.onestab.net/seybold/index.html
我们来看一下这两个页面上的表格：
http://www.onestab.net/seybold/15inteadofthis.html
http://www.onestab.net/seybold/17dothis.html

它们的显示效果是完全一样的。但是第一个页面使用了大量嵌套的 table 来实现这样的显示效果，第二个页面仅仅在最外面使用了一个 table，里面各个 cell 的显示效果全部是使用 CSS 设置的。结果是什么？看看源代码吧，代码量小得多了。

我们从这个例子中得到的结论是什么？只要 CSS 能够以更简单的方式达到相同的显示效果就应该完全使用 CSS 而不使用 table，应该把对 table 的使用限制在比较小的范围内，也应该限制 table 嵌套的层数。
尽量多使用 CSS 可以很大程度上实现内容和显示的分离（当然无法达到 XML 那种彻底程度），这正是 W3C 所期望的。而且 CSS 如果设计的好还是可以重用的。HTML+CSS 在将来的很长时间里（两年之内吧，我打赌）仍然是 Web 界面开发的主流，我并不认为 XML+XSLT 会在市场份额上取得多大的进展。

我在做blog时是一直看这个网站的：）还有movablestyle.com

但是把CSS用好，实现很coo,而且实用的界面确实不是很容易的事情

所以参考著名网站的CSS设计比自己从头做起强：）

我从phpBB 模板文件中抽出了一个HTML文件。见附图topic.jpg.
源文件(topic.html, subsiver.css, images)也在附件里。

topic.html里面用到了很多nested table。
我希望用CSS改造这个文件，但不知道如何入手改造这个文件。

我刚开始学习CSS，只知道一些基本原则。
(1)用结构标签 替换 格式标签。
比如，用<Strong>替换<b>，用<ul><li>替换<br/>等。
(2)用div + css替换table.比如上面给出的例子。

但我仍然处于纸上谈兵阶段，自己做的尝试，页面却经常达不到自己的期望效果。
希望通过一些有用的实践例子深入学习。
请大家指教。多谢。

针对楼上的css+xhtml版本

A List Apart一直是WaSP（The Web Standards Project）作为展示基于Web标准的设计的网站，也一直是众多Web设计师和开发者学习的目标。这样指标性的网站还有css Zen Garden和QuirksMode。

深入学习CSS，光靠中文网络上获得的一些零散的知识是不够的。因为很不系统，无法知道其深层的原因。如果还是基于table布局，CSS仅仅用在一些局部的小范围，做一些诸如改变字体、背景颜色之类琐碎的小事，那么这些知识也许足够了。然而，如果想要尝试完全的CSS布局，这些知识是根本不够用的。

我推荐大家读一下人民邮电出版社出版的《精通CSS》，这是目前国内能找到最好的CSS专著。人民邮电出版社4月份还将出版《CSS设计禅机》（The Zen of CSS Design中文版），这两本书在手，各种基于CSS的复杂的页面设计都不用怕了。

弱弱的问一句，楼主的网站，应该如何欣赏。。。。
怎么杨才算 优秀的css设计。
dlee推荐的网址打不开 。。

优秀的CSS设计，我的判断标准（按照实现的步骤）：
1. 摒弃table布局，采用完全的CSS布局。table标签仅用在容纳表格型数据的场合，而不用于页面布局的目的。
2. 全部或者几乎全部取消使用带有表现含义的标签和属性，将这些工作全部交给CSS来完成。
3. 尽量实现CSS代码的重用，尽量多利用CSS的继承和层叠，而不是到处定义新的CSS类。
4. 页面中的标记都是有结构含义的，尽量少因为布局的目的引入额外的div标签。
5. 页面中的结构与表现完全分离，结构位于html文件中，表现位于css文件中。
6. 尽量使用通用的CSS语法，少用特定于某种浏览器的CSS语法，必需要用的这类语法隔离在单独的css文件中，以便日后浏览器升级后删除。

最终的效果是：
1. html文件和css文件达到了最简化，文件尺寸相比基于table布局实现的相同表现效果小了很多。
2. 实现了高度重用的单个css文件可以控制多个html文件的布局和表现，维护和改版起来非常容易。也非常容易做到换肤等效果。