如何在 UIBinder 中应用一个文件中的 css？

Question

我正在使用 gwt 2.3 UIbinder。在 UIbinder 中，将 css 内联应用到 gwt 控件。这是我的 UIBinderWidget.ui.xml 文件。

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">

。重要的 { 字体粗细：粗体； } 。网格 { 边框：1px实线#BBBBBB； 高度：自动； 内边距：3px； }

<g:>
<g:HTMLPanel>
Label,
    <g:Button styleName="{style.important}" ui:field="button" />
    <g:TextBox ui:field="text1" width="15em" />
    <g:Grid ui:field="grid1" styleName="{style.grid}">

        <g:row>
            <g:customCell>
                <g:TextBox ui:field="text2" width="15em" />
            </g:customCell>
            <g:customCell>
                <g:TextBox ui:field="text3" width="15em" />
            </g:customCell>
        </g:row>

        <g:row>
            <g:customCell>
                <g:Button ui:field="buttonA">Button A</g:Button>
            </g:customCell>
            <g:customCell>
                <g:Button ui:field="buttonB">Button B</g:Button>
            </g:customCell>
        </g:row>
        <g:row>
            <g:customCell>
                <g:Button ui:field="addNewRow">Add New Row</g:Button>
            </g:customCell>
        </g:row>
    </g:Grid>

</g:HTMLPanel>

现在，在此 xml 文件中，应用到 gwt 控件的 css 已在上面声明。 我想知道有什么方法可以将所有 css 放入一个文件中，并且我只能从该 css 文件应用 css 吗？

我不想在每个 ui.xml 中编写 css，而是只想从一个文件应用。 （如 style.css） 提前致谢。

Answer 1

您可以像这样声明 ui:style：

<ui:style src='path/to/my/css' />

但总的来说，我认为将 HTML 与 CSS 一起保留是一个很好的做法。