Photoshop 密码谜题挑战
这与 CSS 无关，但我认为对于任何 Photoshop 大师来说，这可能是一个有趣的小挑战。有人在我的邻居之一的房子侧面喷漆了一条消息。在我能够读懂它之前，这条消息就被涂掉了。但是你仍然可以或多或少地读懂它，所以我想拍张照片看看我是否可以用 Photoshop 处理它并拼出这条消息。我认为我可能已经弄明白了……但请查看一下，并告诉我是否还有其他人能够解决它。你可能还需要使用你的幸运轮技能来解决它。别担心，我认为它不太露骨。 在此处下载原图。
无 div、无浮动、无清除、无黑客
TJKDesign 在一个 CSS 布局的示例页面上使用了 无 div、无浮动、无清除和无黑客。我对这里提出的许多内容表示异议。首先，div 有什么问题？我知道人们可能会遇到 divitus 问题（对所有内容都使用 div），但有时 div 具有完美的语义意义。将整个页面分解成一个大型 OL 和子 OL 几乎没有语义。让我想起了表中嵌套表。其次，我不明白浮动有什么问题。我知道 IE 双边距问题。没什么大不了的。清除浮动可能有点不符合语义，但它有效，它是有效的，并且无需重新创建整个布局。此外，它说它是无黑客的，但显然在其自己的标题中使用了黑客。你可能会争辩说条件注释不是黑客，但我觉得它们至少属于同一类型。尽管如此，尽管存在所有这些问题，我不得不承认它确实很好地完成了它所说的功能。布局非常稳定。
reForm：适用于任何布局的 CSS 表单设计模板
Joe Lippeatt 在 CSS Zone 上发表了一篇文章，其中包含有关如何 使表单适应任何布局 的代码示例。表单元素本身是流体宽度，因此您可以将它们插入任何大小的区域，它们将进行调整以充分利用该空间。宽布局将受益于某些表单元素位于同一水平行，而较窄的布局将这些表单元素换行到单列布局中。
看起来像“当我给穷人食物时，他们称我为圣人。 当我问为什么穷人没有食物时，他们称我为共产主义者。“
哇，Erika，这花了你大约 10 分钟吗？我“涂白”了答案，以防有人不想看到它被立即解决。突出显示评论以查看答案。
哈哈，抱歉，Chris！我为此使用了所有我知道的 Photoshop 技巧！哈哈
“当我给穷人食物时，他们称我为圣人。 当我问为什么穷人没有食物时，他们称我为共产主义者。”
哦，抱歉。我没有看到你已经解决了其中一个答案。无论如何，如果有人想知道我是怎么做到的，我只是在 PS 中打开了图像，使用了智能锐化来去除大部分模糊，并使用阴影/高光来区分一些单词。进行了一次恰当的谷歌搜索，我得到了其余部分。
干得好，你们俩 =) 这正是我想出的。在房子的侧面喷涂这样的东西真是奇怪……但另一方面，波特兰确实很奇怪。
这是一句名言。
http://en.wikipedia.org/wiki/Hélder_Câmara
我向我的一个朋友提到了这句话，他已经听过它了——显然，当你发现共产主义时，它会在文明 4 中使用。
TJ 的示例很酷，但我真的不认为它会流行起来。这滥用了列表的使用，就像使用表格进行样式一样糟糕！
你说“清除浮动可能有点不符合语义，但它有效，它是有效的，并且无需重新创建整个布局。”
你没有收到关于轻松清除浮动的新闻吗？只需向需要清除的元素添加宽度和溢出，即可搞定。不需要额外的 html 或任何其他 css。在 quirksmode 上查看：http://www.quirksmode.org/css/clearing.html。
一个聪明的技巧 :-)
“……但有时 div 具有完美的语义意义”。
“将整个页面分解成一个大型 OL 和子 OL 几乎没有语义”。
“此外，它说它是无黑客的，但显然在其自己的标题中使用了黑客”。
文章说它是*结构性*无黑客的。列表是一个语义包装器（用于列表项），但使用 DIV 作为包装器（即使用伪列技术进行三列布局）没有任何语义。文章还指出我们不应该使用列表作为主要结构。
“其次，我不明白浮动有什么问题。我知道 IE 双边距问题。没什么大不了的。”
浮动本身没有任何问题。实际上，文章指出：“ [使用浮动] 是构建健壮布局的强大解决方案”。但你必须承认，如果在 2008 年仍然有这么多人使用表格进行布局，那是因为他们无法管理浮动布局（双边距错误只是冰山一角）。
“清除浮动可能有点不符合语义，但它有效，它是有效的，并且无需重新创建整个布局。”
这不是关于清除浮动，顺便说一句，在清除浮动时不应该有任何“不符合语义”（包含浮动），这也不是关于使用列表，而是关于使用不同的技术，是关于向工具箱中添加工具。
你能用浮动做到这一点吗？网格中的缩略图和标题
毫无疑问，这是一项伟大的工作。