CSS BACKGROUND
body
{background-color:yellow}
{background-color:#00ff00}
{background-color:transparent}
{background-color:rgb(250,0,250)}
{background-image:url('sample.jpg'}
{background-repeat:repeat} /*repeat a BGImg*/
{background-repeat:repeat-y} /*repeat a BGImg vertically*/
{background-repeat:repeat-x} /*repeat a BGImg horizontally*/
{background-repeat:no-repeat} /*repeat img only once*/
{background-attachment:fixed} /*text will overriden the BGImg*/ /*scroll*/
{background-position:center} /*TL;TC;TR;CL;CC;CR;BL;BC;BR*/
{background-position:30% 20%}
{background-position:50px 100px}
CSS TEXT
{color:yellow}
{background-color:yellow} /*highlight*/
{letter-spacing: -3px}
{letter-spacing: 0.5cm}
{line-height: 90%}
{text-align: center}
{text-decoration: overline} /*line-though;underline;none;blink*/
{text-indent: 1cm}
{text-transform: uppercase} /*lowercase;capitalize*/
{direction: rtl} /*ltr*/
{word-spacing: 30px}
{white-space: nowrap}
{text-shadow:red}
CSS FONT
{font-family:papyrus}
{font-size: 12} /*xx-small-small;medium;large-xx-large*/
{font-stretch:wider} /*narrower;ultra-condensed;extra-condensed;condensed;semi-
condensed;expanded...*/
{font-style:italic} /*oblique*/
{font-variant:small-caps}
{font-weight:bold} /*bolder;lighter;100-900*/
CSS BORDER
{border-top: (one declaration)} /*bottom;right;left*/
{border-top-style: solid}
{border-style:solid double}
/*none;hidden;dotted;dashed;solid;double;groove;ridge;inset;outset*/
{border-width: 5px} /*medium;thick;thin*/
{border-color:red blue} /*clockwise*/
CSS OUTLINE /*does not work in IE*/
{outline-color:red} /*invert*/
{outline-style:dotted} /*dashed;solid;double;groove;ridge;inset;outset*/
{outline-width:5px} /*medium;thick;thin*/
CSS MARGIN
{margin-top: auto} /*bottom;left;right*/
CSS PADDING
{padding-top: auto} /*bottom;left;right*/
CSS LIST
{list-sytle-type: disc} /*circle;square;decimal;decimal-leading-zero;lower-
roman(alpha/greek/latin);upper-
roman(alpha/greek/latin);hebrew;armenian;georgian;cjk-
ideographic;hiragana;katakana;hiragana-iroha;katakana-iroha*/
{list-style-position: inside} /*outside*/
{list-style-image:url(...)}
CSS TABLE
{border-collapse:collapse} /*separate*/
{border-spacing:1cm}
{caption-side:top}
{empty-cells:show} /*hide*/
{table-layout:auto} /*fixed*/
CSS ADVANCE
<span style="cursor:crosshair">^^</span>
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
