From Documentation

Jump to: navigation, search



Contents


Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language.

CSS rule basic syntax is : 

selector{
    property: value;
}

For example, one rule of CSS of ZUML component textbox is as follow: 

.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
	background:#FFFFFF url(/helloworld/zkau/web/zul/img/grid/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #7F9DB9;
}

What selector a component has?

What CSS property a selector has?

What value is valid for css property?

Please refer to style guide for more information.
Note, ZK studio will provide tools for visual edit CSS of component.

Best Practice

Before style designer in ZK studio is ready. The best practice should be

  1. use firebug to try how the css work.
  2. use <style /> to write css.
  3. assign sclass to component.




Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.



Retrieved from "https://www.zkoss.org/wiki/ZK_Developer%27s_Guide/ZK_in_Depth/Style_Customization/CSS"