到目前为止,我已经说明了 GWT 开发人员可以将 CSS 注入 Web 应用程序的四 (4) 个不同的地方:
- 在 HTML 主机页面中,您可以放置指向外部样式表的 HTML 链接,例如
MyWebApp/war/hello_gwt.html
包含以下行:<link type="text/css" rel="stylesheet" href="mywebapp/webModule.css">
- 通过使用实现
ClientBundle
s 使您的应用程序可以访问绑定的CssResource
子类 - 通过 UI Binder XML
- 您可以在 gwt.xml 文件中包含主题/样式,例如
<inherits name="com.google.gwt.user.theme.standard.Standard"/>
我对这四个中的每一个应该完成什么工作感到困惑。换句话说,这些“CSS 机制”如何协同工作,为 Web 应用程序提供所需的所有样式,或者它们只是完成同一件事的不同方式?它们在不同的场景中是否都有不同的优点/缺点,如果是,它们是什么?
我喜欢使用Layout
orLayoutPanel
来定位我的应用程序的主要显示区域,然后使用 CSS 设置各个区域、容器等的样式的策略。所以看起来上面的第一种情况(HTML 外部 CSS 链接)不会是什么我一直在寻找,看到我希望随着 UI 的发展为每个新小部件自定义 CSS。
我想我只是在尝试在 GWT-land 中的 CSS 选项之间进行选择时寻找一个试金石。提前致谢!