2011-03-10 62 views
5

你们如何管理MVC 3项目中的所有CSS样式?即使在我为Visual Studio 2010安装SP1之后,我发现css样式管理器仍然无法从布局视图文件中识别样式表链接。MVC 3,CSS,Razor和Visual Studio 2010

我猜Expression Web也没有任何这方面的支持。 有没有什么可以用来帮助你自己,并且更容易管理所有的混乱,而不是手动完成?

+2

这是一个很好的问题。我也想知道如何更轻松地管理MVC 3项目的设计。 Visual Studio不支持可视编辑新的MVC 3页面。表达式Web似乎不适合MVC目录结构,所以我们只剩下了? – Pete 2011-03-13 19:37:21

+0

ScottGu说表达式Web将支持MVC,但后来和他没有提到,他在MVCConf上对这个问题的回答并不令人信服。 – Agzam 2011-03-14 14:08:56

回答

1

我已经构建了一些非常复杂的样式,并始终使用相同的方法。干净的语法和良好的评论在CSS文件(S)。就像这样:

/***** /Products/Edit ******/ 
#productsContainer { background-color: #99bbff; } 
#productsContainer fieldset.edit { margin: 1em 0 .2em 0; background-color: #dadada; } 
#productsContainer fieldset.edit label { display: block; } 
/***************************/ 

如果井井有条,控制你的造型的效率,并选择使用类似CleverCSS:https://github.com/dziegler/clevercss,您可以管理您的样式无需复杂的开销,并且可以打破的工具。 CleverCSS下面的例子:

/***** /Products/Edit ******/ 
#productsContainer 
    background-color: #99bbff 
    fieldset.edit: 
     margin: 1em 0 .2em 0 
     background-color: #dadada 
     label: 
      display: block; 
/***************************/ 

但是,是的,您也可以选择使用类似WebStorm(http://www.jetbrains.com/webstorm/)来编辑您的JavaScript,HTML,CSS等,或等待表达网络准备就绪(我猜不到一年,直到它与MVC兼容)。