title: What is the preferred way to associate css styles with GWT widgets (using UiBinder)?
body: <p>From the GWT page (<a href="http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles" rel="noreferrer">http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles</a>), it mentions 2 ways (for modern application):</p>
  
  <blockquote>
    <ul>
    <li>Using a CssResource contained within a ClientBundle.</li>
    <li>Using an inline  element in a UiBinder template. </li>
    </ul>
    
    <p>Modern GWT applications typically use a combination of CssResource and UiBinder.</p>
  </blockquote>
  
  <p>So my question is, when should I use a css file and create a CssResource for it, and when should I define styles directly in the ui.xml file using &lt;ui:style&gt;? Are there any performance implication (i.e. resource size to download on the client) with either of these ways?</p>