Lecția 15 straturi în css

Creând un bloc în CSS, ne-am stabilit întotdeauna parametrii clar și, de asemenea, poziționăm-l într-un anumit loc pe ecran. Astfel, orice bloc are două coordonate X și Y care determină poziția blocului pe planul ecranului. Dar în CSS există și o a treia coordonată spațială Z, care determină numărul stratului pe care se află blocul. Ie Cu cât este mai mare coordonata Z, cu atât este mai mare acest strat față de ceilalți. De exemplu, stratul cu numărul 2 va fi mai aproape de utilizatorul care vizualizează pagina dvs. decât stratul cu numărul 1. Și stratul cu numărul 1 va fi situat mai sus decât codul paginii principale.













Crearea unui strat în CSS corespunde proprietății indexului Z. iar valorile pe care le ia indică numărul stratului.

De exemplu, puteți face o combinație faimoasă de cărți Royal Flash.

După cum puteți vedea, fiecare carte se suprapune pe cealaltă. Iată cum arată codul:

Ei bine, în codul html. trebuie doar să atribuiți stilurile corespunzătoare desenelor, cum ar fi:
Ei bine, și așa mai departe, înțelegi.

Dacă înțelegeți cu atenție această metodă simplă, puteți crea lucruri destul de decente. De exemplu, plasați text deasupra imaginii sau invers, creați titluri frumoase. de exemplu, cu efectul de umbră, de asemenea, dacă studiați straturile mai adânc, puteți crea meniuri drop-down. și multe altele.

În următoarea lecție, voi termina manualul și voi oferi sfaturi cu privire la formarea viitoare.

↑ Sus ↑

Aveți o întrebare? Primiți un răspuns la FORUMUL DE SPRIJIN







Articole similare

Trimiteți-le prietenilor: