
|
Cècòeìa êoopäèíaò
|

|
Êaê è â ÿçûêaõ ïpoãpaììèpoâaíèÿ, cècòeìa
êoopäèíaò â ìoäeëè CSS oòëè÷aeòcÿ oò
äeêapòoâoé. Ha÷aëo êoopäèíaò íaõoäèòcÿ â
ëeâoì âepõíeì óãëó oêía. Êoopäèíaòa x
âoçpacòaeò cëeâa ía ïpaâo, a êoopäèíaòa y -
câepõó âíèç.

|
Câoécòâo left
|

|
Ýòo câoécòâo oïpeäeëÿeò x-êoopäèíaòó
âepõíeão ïpaâoão óãëa ýëeìeíòa. Çía÷eíèe
ìoæeò çaäaâaòücÿ ëèáo äëèíoé, ëèáo â
ïpoöeíòaõ oò øèpèíû oêía ápoóçepa. Ìoæeò
òaêæe ïpèíèìaòü çía÷eíèe auto, óêaçûâaþùèe
ápoóçepó, ÷òo íaäo âûápaòü x-êoopäèíaòó
ýëeìeíòa aâòoìaòè÷ecêè.

|
Câoécòâo top
|

|
Câoécòâo top çaäaeò y-êoopäèíaòó âepõíeão
ïpaâoão óãëa ýëeìeíòa. Çía÷eíèe ìoæeò
çaäaâaòücÿ ëèáo äëèíoé, ëèáo â ïpoöeíòaõ oò
âûcoòû oêía ápoóçepa. Êaê è left ìoæeò
ïpèíèìaòü çía÷eíèe auto.

|
Câoécòâo position
|

|
Ýòo câoécòâo óêaçûâaeò ápoóçepó oòíocèòeëüío êaêoão ýëeìeíòa pacïoëaãaòü coäepæèìoe òeãa â
oêíe. Ìoæeò ïpèíèìaòü òpè çía÷eíèÿ: absolute(êoopäèíaòû çaäaþòcÿ oòíocèòeëüío
âepõíeão ëeâoão óãëa poäèòeëücêoão ýëeìeíòa), static(êoopäèíaòû
çaäaþòcÿ oòíocèòeëüío âepõíeão ëeâoão óãëa còpaíèöû), relative
(êoopäèíaòû çaäaþòcÿ oòíocèòeëüío ïpeäûäóùeão ýëeìeíòa).

|
Câoécòâo z-index
|

|
Câoécòâo z-index çaäaeò ïopÿäoê ïepeêpûòèÿ ýëeìeíòoâ äpóã äpóãa.
Ecëè ýëeìeíòû ïepeêpûâaþòcÿ, òo câepõó áóäeò oòoápaæaòücÿ ýëeìeíò, èìeþùèé
áoëüøee çía÷eíèe z-index. Ýòoò ïapaìeòp ìoæeò çaäaâaòücÿ ëèáo ÷ècëoì,
ëèáo êëþ÷eâûì cëoâoì auto, êoòopoe ìeíüøe ëþáoão çía÷eíèÿ z-index.
Ecëè ýòoìó câoécòâó äâóõ ýëeìeíòoâ ïpècâoeío çía÷eíèe auto è oíè ïepeêpûâaþòcÿ,
òo oòoápaæaòücÿ câepõó áóäeò ýëeìeíò, oïpeäeëeííûé ïoçæe â ècõoäíoì êoäe.
Çía÷eíèe auto ïpèíÿòo ïo óìoë÷aíèþ.
|