有效方法：在 Blend中快速寻找和设置CSS属性

        Vs中Blend的核心目标是使那些关注他们开发出来的APP的质量的开发者们更加快速简洁的开发APP。当开发APP时，要想使HTML设计者在Blend中快速掌握CSS编辑，一个好的方法就是直接提供一个可视反馈机制，并且可以在设计界面上直接编辑，这样实际上是边开发边执行你的应用程序。

        当听到我们如何能更好的优化我们的工作流的类似的反馈后，我们已经将这些观念引入到即将发布的VS2013的Blend中，让你以现有的能力开发出足够专业的windows APP。另外，当你想通过更多的可控形式管理复杂的CSS属性时，你可以通过“应用样式规则”列表来设置特殊的CSS规则。这次，我们将在CSS编辑器中提供一些新的有效的CSS输入方法。

类别编辑器

        类别视图包括几个其它的类别编辑器，如：box-shadow,text-shadow,fon-family等等。尽管如此，当你在编辑CSS时，你将在一个样式中需要输入简单的和更多的复杂的属性，最终，我们发现大多数的开发者倾向于使用CSS属性编辑器去写复杂的属性，而遇到已知的，简单的属性时会在代码编辑器里编辑，从而造成了脱节没有效率的CSS编辑体验，这个问题促使我们在这一次的发布中引入了“Search or set propert Bar”。

        Vs2013中的blend 引进了一个新的”search or set property bar’ 来使从快速进入众所周知的属性和在CSS编辑器中发现的所有的CSS编辑经验有一个平稳的过度。 你现在可以使用快捷键 Ctrl+.(Ctrl+Shift+;)打开search bar，不仅可以寻找而且可以直接输入已知的CSS属性值，CSS属性编辑器会自动的过滤出输入的属性，并且可以直接设置输入。

        当输入不正确的变量或值时，错误的输入可以被快速的修正，所以你可以简单的输入然后选择正确的输入。 另外，多数CSS属性可以被输入或者粘贴到“search or set property bar”。

调试

        值得注意的是”Search or Set Property Bar “可以使用引用或者以”.”结尾就可以匹配到精确的属性(不用去设置他们)，这个对调试CSS属性非常有用，可以通过多规则和多元素的方法。

        在“search bar”中输入一组属性后，还需要做的一步是：检查通过“应用属性规则”定义的元素是否在层叠样式表中影响到别的元素 ，在“applied style rules”列表中，“winning properties”为编译提供了一个很好的起始点。当通过“winning property”设置属性值时,他会在层叠样式表中展示出来，使层叠样式表中的元素与过滤器结合:

        一旦问题确定，就会使用先前描述的方法进入修复，但是（这种修复）不总是理想的，它会删除应用的过滤器。幸运的是你也可以选择不动过滤器，使用搜索栏跳到第一次可见的属性。当结合CSS级联的知名度和能力直接使用PI（使用在“应用样式规则”列表右上面的图标）去创建一个新的CSS规则，这种（功能）特点大大的加快了风格的调试、修复和调整。

总结：

        在vs2013 Blend中还有别的改进来提高你的整个开发效率，我们真诚的希望你找到他们的点点滴滴，如果你有想法请回复我们或者通过Visual Studio User Voice告知我们。

 Chuck Lantz – Program Manager, Visual Studio Client Tools Team

        Chuck 在各种大中型IT企业担当的开发者，架构师已有15年，当他在2012年加入微软时，他把他的激情奉献在web的应用程序开发 ， 并致力于客户端visual studio中的html、css和javascript工具中.