按元素类型的网页设计示例

Question

我正在努力改善网站的风格。我正在寻找一些精美样式的HTML元素（表格，列表，标题等）的例子，我可以用它来获取灵感，或者只是逐字复制和粘贴（如果允许的话）。

有关如何实现样式的一些解释会很好，但并非绝对必要，因为我总是可以使用Firebug对设计进行逆向工程。理想情况下，设计应该：

• 与所有现代浏览器兼容（不包括IE6 IMO）
• 少量或不使用JavaScript
• 有效的XHTML transitional / strict

编辑：理想情况下，网站应该提供一种简单的方法来查看特定元素类型的样式列表（有序列表，表格，标题，等）

谢谢， 唐

Answer 1

对于列表，我会立即想到Listamatic。

对于其他一切，我只能想到CSS Zen Garden。

Answer 2

到目前为止，我认为特定元素和类型的最佳资源http://www.patterntap.com。 在那里，您可以浏览列表和表格等类别。 alt text http://img514.imageshack.us/img514/2662/afbeelding1eu.png

Answer 3

开源Web设计有很多东西可供使用。您可以在oswd.org

看到它

Answer 4

Stu Nicholls的

CSS Play，当然，A List Apart是我自己最喜欢的两个。

Answer 5

Zen Garden的人认为他们很热。这里有大量不同设计的相同HTML文本。也许你可以从大师那里学到一些东西！

Answer 6

http://www.dynamicdrive.com/style/

http://css-tricks.com/

http://www.css-website.com/

http://cssmania.com/

http://cssline.com/

http://webdesignfromscratch.com/web-design/web-2.0-design-style-guide.php#gradients

http://www.webcreme.com/

http://css-warfare.com/

http://www.cssbeauty.com/

http://www.boxedcss.com/

http://css.maxdesign.com.au/index.htm

http://www.csselite.com/

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/

http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS

http://www.designmeltdown.com/default.aspx

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://inspectelement.com/articles/the-ultimate-a-z-of-the-best-design-and-development-related-sites/

对于鼓舞人心的网站，我使用Firefox + Firebug。所列网站中有95％符合网络标准，因此我可以查看代码并知道可以使用。