mojoportal学习——文章翻译之style.config文件

翻译的不好 大家见谅

 

在mojoPortal中，style.config中有一个css文件列表。CssHandler把所包含的文件混合使之最小化。这样做的

好处是你可以把css放在多个文件中，使得条目清晰，而不影响性能。

css文件的排序是重要的，将会以排序的顺序加载和混合化。如果你懂得css,你会记得低处的css会比高出的css
有更大的优先权。

》》》有3中方法配置文件

皮肤模板文件夹中的css文件的添加方法非常简单，如下：

<file>style.css</file>

如果你有一些css文件放置到一些公共的地方，并且在多个模板中使用，添加方法如下：

<file cssvpath="/ClientScript/oomph/oomph.css" imagebasevpath="/ClientScript.oomph/">none</file>

cssvpath是一个相对网站根目录的路径。如果你的css文件中用到了一些图片，你应该把他们放到css文件相同的文件夹中，

并指定 imagebasevpath . 这样CssHandler能够解析正确的图片路径。

如果你有一些css文件与javascript 插件相关联，并且当升级新版本时位置可能变化时，你可以添加文件在

web.config/user.config中。  这样，下次升级是更改这些设置即可，而不需要改动style.config

举个例子：
我使用的YUI文件放置在/ClientScript/yui270b文件夹中，下次升级时yui270b会有变化，这样的化我在

web.config/user.config中做如下设置：

<add key="YUITabCss" value="~/ClientScript/yui270b/assets/skins/sam/tabview.css" />
<add key="YUISkinImagePath" value="/ClientScript/yui270b/assets/skins/sam/" />

然后在style.config中如下设置：

<file csswebconfigkey="YUITabCss" imagebasewebconfigkey="YUISkinImagePath">none</file>

可以看出，这种方法有着很好的扩展性。

》》》》多个模板中用到的通用CSS文件

<file cssvpath="/ClientScript/oomph/oomph.css" imagebasevpath="/ClientScript/oomph/">none</file>
<file cssvpath="/Data/style/cluetip/jquery.cluetip.css" imagebasevpath="/Data/style/cluetip/">none</file>
<file cssvpath="/Data/style/jqtoolbar/style.css" imagebasevpath="/Data/style/jqtoolbar/">none</file>
<file cssvpath="/Data/style/gridview/SoftGreyGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <!-- other options for file manager
  <file cssvpath="/Data/style/gridview/ChromeBlackGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/ChromeGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/GlassBlackGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/SoftGreyGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/WhiteChromeGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/YahooGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  -->
<file cssvpath="/Data/style/qtfile/default.css" imagebasevpath="/Data/style/qtfile/">none</file>

技巧：把通用css放在你的style.config顶端，这样在style.css可以进行覆盖。