(1) CSS usage in Smart GWT
In Smart GWT, screen layout and sizing are controlled via JavaScript, and appearance via CSS and images.
CSS borders, margins and padding applied to Smart GWT components can be treated as purely visual properties with no effect on sizing or layout. Unlike HTML elements, a Smart GWT component will always have the exact size you specify via JavaScript, regardless of browser platform, browser compatibility mode, or borders, margins, or padding, all of which normally affect the final size of an HTML element.
For this reason, Smart GWT skinning requires only novice-level familiarity with CSS, as CSS is used principally for colors and fonts. See this discussion
for further details on what properties should be set via CSS vs via JavaScript.
(2) CSS 字体设置格式:px-em-%-pt-keyword
http://css-tricks.com/css-font-size/