长话短说：我用 Html/CSS 设计 UI 已经有 8 年了。最近，我一直在研究 XAML/Silverlight/WPF，并且在使用 XAML 设计 UI 时遇到了困难。我了解 Silverlight 布局模型的基础知识，并且对使用 StackPanel 和 Grids 感到很自在，但我只是没有像我希望的那样快速学会它，或者我只是和老狗学习新技巧。;)
是否有任何可用资源或附加组件/控件有助于使 Html/CSS 网络用户更容易理解 XAML UI 开发？
是的，Expression Blend 有所帮助，但当我不习惯从头开始做相同的布局时，我对依赖“向导/设计工具”持谨慎态度。
请不要RTFM我。我正在寻找为具有 CSS/Box 模型布局背景的人编写的资源的具体示例或有用的建议。
例如，我知道某些依赖属性的功能也类似设置 left: 或 width: CSS 中的值。我正在寻找更多这种性质的建议。
Nicholas 提到的 WPF Unleashed 书确实非常出色，无论您来自什么背景。对于特定资源，有些事情可能会有所帮助：
Kaxaml和XAMLPad将帮助您在 XAML 中构建布局，因为它们都比 VS 设计器或 Blend 更轻量级，同时仍提供即时 UI 反馈。
若要详细了解 XAML 中的布局工作，本文将解释布局如何影响不同元素和元素的子级。
以下是 Panel 及其派生元素的概述，这些都是您将用于实际构建页面/应用程序布局的所有内容。
本文概述了对齐/边距/填充在 XAML 中的工作方式。它应该几乎是您所期望并且已经熟悉的。
如果您关心布局的优化，这里有一些更高级的信息。
我想看看 Adam Nathan 的出色的Windows Presentation Foundation Unleashed书。我也是从网络背景开始的（尽管那是几年前的事了），在读完他的书的第一部分之后，点击了 WPF 来布置东西。对我来说，直到我明白有不同类型的面板以不同的方式布局，并且我可以用多种不同的方式表达我想要完成的事情（例如，一个 DockPanel 与一个孩子设置为 DockPanel。 Dock="Bottom" 通常与第一行高度设置为 * 并且第二行高度设置为 Auto 的双行网格具有相同的结果），我真的觉得在 WPF 中布置东西很舒服。
Nathan 的书很好，因为他详细解释了每个面板如何在非常基本的层面上工作。一旦您掌握了基础知识，查看示例并使用 Blend 进行尝试就变得非常简单，您很快就会开始看到更多经验丰富的 WPF/SL 开发人员每天看到的布局模式......并且想要适用于网页内容！