, . , margin padding. , CSS.
MARGIN () - () , , , , .
PADDING (³) - c, () .
: , margin padding :
. p1 {
background - color: # FFE446;
border: 1px solid red;
margin: 70px;
}
. p2 {
background - color: # FFE446;
border: 1px solid red;
padding: 70px;
}
. p3 {
background - color: # FFE446;
border: 1px solid red;
margin: 50px;
padding: 20px;
}
? , ...
: top, right, bottom, left , , , .
p {
margin - top: 50px;
margin - right: 50px;
margin - bottom: 50px;
margin - left: 150px;
}
, :
p {
margin: 50px;
margin - left: 150px;
}
, , , .
:
p {
margin: 50px 50px 50px 150px;
}
: , , , .
, ?
, :
³ (padding) , (margin) - ;
, . , .
8: CSS.
, CSS. , , , .
CSS, , . , - X Y, . CSS , Z, , . Z, . 2 , , 1. 1, , .
CSS Z- index, , .
, Royal Flash.
, , . :
. desatka_buba {
|
|
position: absolute;
left: 200px;
top: 200px;
z - index: 1;
}
. valet_buba {
position: absolute;
left: 215px;
top: 215px;
z - index: 2;
}
. dama_buba {
position: absolute;
left: 230px;
top: 230px;
z - index: 3;
}
. korol_buba {
position: absolute;
left: 245px;
top: 245px;
z - index: 4;
}
. tuz_bubna {
position: absolute;
left: 260px;
top: 260px;
z - index: 5;
}
html , , :
<img src="10buba.gif" class="10_buba"> .
, . , , , .