Body
{ background-color: ; } -
{ background-image: url(" "); } -
{ background-repeat: repeat-x (repeat-y, repeat, no-repeat) -
{ background-attachment: scroll (fixed)} -
{ background-position: % (px ) } - (top, bottom, center, left right)
h1
{ font-family: ( );} - ,
{ font-style: italic (normal oblique);} - ,
{ font-variant: small-caps (normal);} -
{ font-weight: bold (normal);} -
{font-size: px (pt, % em);} -
P (th td)
{ text-indent: px;} -
{ text-align: left (right, center justify);} -
{ text-decoration: underline (overline line-through);} - " "
{ letter-spacing: px; } -
{ text-transform: uppercase (capitalize, lowercase none); } -
{ vertical-align: baseline (bottom, middle, sub, super -
text-bottom, text-top, top, ) }
{ white-space: normal (pre) } - pre ,
a:link -
a:visited -
a:active - ( , )
a:hover - -
- +
(class id)
Class .
a. {} -
class="" -
Id .
# {} -
id="" -
(span div)
<span> - ( )
span. {} -
<span class=""></span> - body
lt;div> -
# {} -
<div id="">+</div> - body
height/ width/
: div. {width: px;}
margin - ( )
padding - ( , )
Body ( (p, h1))
{margin-top: px;} - ( )
{margin-right: px;} - ( )
{margin-bottom: px;} - ( )
{margin-left: px;} - ( )
|
|
, margin padding - ( )
(h1, p, ul)
{ border-width: px, thin (medium thick); } -
{ border-color: } -
{ border-style: dotted (dashed, solid, double, groove);} - ( ridge, inset outset)
:
{ border-top-width:???;)
()
(div, img ..)
{ float: left (right none) } - ( )
{ clear: both (left, right, none) } -
(h1 id)
{ position: absolute (relative) } -
{ top: px (left, right bottom) } -
z-index ()
: , .
{ z-index: 1 (2..infin) } -
{ cursor: auto (crosshair, default, e-resize, help, move, n-resize, ne-resize, nw-resize, pointer, progress, s-resize, se-resize, sw-resize, text, w-resize wait) }
scrollbar
Body
{ scrollbar-base-color: } - scrollbara
{ scrollbar-3dlight-color: } - ,
{ scrollbar-arrow-color: } -
{ scrollbar-darkshadow-color: } - ""
{ scrollbar-face-color: } -
{ scrollbar-highlight-color: } - ""
{ scrollbar-shadow-color: } - ""
{ scrollbar-track-color: } -
CSS rollover ( )
, (normal, hover, active, visited)
{ background-image: url (" "); } { background-position: px; }