Css - poziționarea elementelor la nivel de bloc, șeful IT

anterior ◈ următoarea

Un element bloc HTML este un astfel de element, care ocupă întreaga lățime a părintelui implicit. Elementul de bază poate fi alt element de bloc sau o fereastră de browser. Elemente de bloc prin proprietățile CSS pot seta lățimea (lățime) și înălțimea (înălțime). Poziționarea elementelor de bloc este procesul de localizarea lor în cadrul ferestrei browser-ului și față de altul prin proprietăți de poziție CSS. la stânga. top. dreapta, și de jos. proprietate poziția CSS este folosit pentru a specifica unul dintre cele patru tipuri disponibile de poziționare: statice (implicit), absolută (absolută), fixă ​​(fixe) și relativă (relativă). Restul proprietăților CSS, și anume stânga. top. dreapta și de jos destinate să specifice distanțele de pe stânga, de sus, marginile din dreapta și de jos ale elementului mamă. De asemenea, atunci când se stabilesc elementele blocului de proprietăți specifice se pot suprapune reciproc, și că această caracteristică poate fi utilizată, de asemenea, pe site-urile.







Poziționarea implicită (statică)

Dacă nu specificați o poziție în elementul nivel bloc sau specificat static. că unul și același, atunci elementele blocului sunt aranjate în ordine. Mai mult, blocul următor (de exemplu, roșu) este plasat pe o linie nouă. Doar pentru această poziționare nu este distantele de sarcini valide din stânga. top. dreapta, și de jos.







poziționare absolută (absolut)

În poziționarea absolută poziția membru este definită în raport cu borul ferestrei browser-ului folosind distanța determinată de proprietățile rămase. top. dreapta, și de jos. Dacă specificați distanța stânga și dreapta, în același timp, și ei se contrazic, atunci se acordă prioritate la stânga. același lucru este valabil pentru partea de sus, și de jos. în care o prioritate mai mare este distanța de top. poziționare absolută este utilizat foarte des în legătură cu poziționarea relativă în design pentru atunci când doriți să plasați diferitele elemente unul față de celălalt, poate fi de asemenea folosit pentru a crea un meniu, aspectul site-ului, etc în jos

poziționare fixă ​​(fix)

Poziționarea relativă (relativă)

Poziționarea relativă este stabilită prin setarea distanțelor stânga. top. dreapta, și în raport de jos în poziția sa actuală.

Totuși, această situație poate crea bloc și folosind marja de proprietăți (margini).

Poziționarea relativă nu este distractiv de a utiliza pe cont propriu, este utilizat în principal în legătură cu o poziționare absolută.

  1. Dacă plasați blocuri cu poziționare absolută în blocul cu o rudă, distanțele nu sunt deja stabilite pe marginea ferestrei browser-ului, și de la granițele unității relative.
  2. De exemplu, pentru a crea structuri fixe formate din 3 blocuri, aliniate la marginea de sus. Setați înălțimea „400px“ unitate relativă pentru claritate.
  3. În plus, blocurile pot fi aplicate proprietatea z-index. care este destinat pentru poziționarea elementelor pe axa Z. Cu cât mai mare valoarea z-index. mai aproape elementul este la noi, și vice-versa, cea mai mică valoare, elementul suplimentar este de la noi.






anterior ◈ următoarea