有好的、干净的HTML/CSS值得学习的网站

Question

我目前有一些适度的HTML/CSS知识，并希望在此基础上改进。

我自己发现，最好的方法是从现有网站获取HTML/CSS，从头开始重新构建它，并通过以下方式进行一些老式的学习:为什么需要这个元素，如果我在firebug中删除它会发生什么，等等……

但就像在每个领域一样:作为newbee，很难区分我看到的HTML/CSS是好是坏。作为一名高级you设计师，您是否知道有哪些站点可以向您学习一些优秀的、干净的HTML/CSS代码？

感谢你给我的每一条小费

PS:我说的不是像CSS Zengarden这样的网站，而是像mint.com这样真正的“生产”网站，等等……

Answer 1

一些“经典”链接：

• A List Apart：一个列表/杂志(因为它在“博客”这个术语被泛化之前就已经存在了)，里面有关于网页设计方方面面的文章，包括语义超文本标记语言和正确的层叠样式表的用法(创建one of the articles that started the movement against table-based design).
• CSS Zen Garden：是为了向设计者展示:没有表格就可以创建非常好的设计)
• 使用适当的超文本标记语言布局，你可以改变网站的设计(例如，不需要改变超文本标记语言layout).

​

CSS Zen Garden有几个我见过的最令人印象深刻和美丽的设计，你肯定应该去看看。

编辑:根据请求一些示例：

• Elastic lawn：即使您不使用最新浏览器的缩放功能，框也会随着文本大小的增加而增大。如果你关心那些在Windows.
• Retro Theather：中使用大字体的人对绝对定位元素的原始使用(不要使用固定的background.
• New Groove：在有趣的效果中工作)这是一个如何使用装饰图像填充较高窗口的剩余右空间的示例sizes.
• Kyoto Forest，Ballade，15 Petals，Burning，Egyptian Dawn，Love is the air等:就像他们一样。

请注意，CSS Zen Garden的一个要点是，所有的设计都使用完全相同的HTML布局，只有CSS和背景图像发生了变化。

Answer 2

学习或使用Paul爱尔兰的HTML5样板模板，以获得现代的、实用的前端代码：http://html5boilerplate.com/。Docs。

该模板包含用于服务器端优化的.htaccess、包含HTML5png修复脚本、包含用于较旧浏览器的支持ie6的脚本，以及良好的全面技术。

Answer 3

我一直认为CSS Zen Garden是一个获得可靠想法的好地方。这些家伙是布局专家。