Straturile în html

Acest efect poate fi obținut folosind straturi. Același efect poate fi obținut atunci când se utilizează filtre Explorer, dar această soluție va fi afișată corect numai în Explorer.







conținut de conținut

stânga este distanța de la marginea din stânga: poate fi fie în pixeli, fie în procente din lățimea totală a ecranului.

sus - distanța de sus.

id este numele individual al stratului, nu ar trebui să fie același și nu trebuie repetat.

stilul este un fel de strat, adică un mod de ao afișa. Fără acest parametru de la sine div tag-ul poate servi doar ca o modalitate de formatare a textului inclus în ea - fără principalele caracteristici inerente în straturi - cum ar fi locația de pe partea de sus a nimic.

z-index - valoarea poate fi doar o cifră. Și, cu cât este mai mică această figură, cu atât este mai mare stratul față de alte straturi.







La prima vedere se pare că design-ul este construit pe straturi, mult mai convenabil decât design pe mese, dar există atât puncte pozitive și negative.

Aspecte pozitive:
  • comoditate pentru designer - mai multă libertate și mai multe efecte.
  • încărcarea mai rapidă și nu este nevoie să așteptați închiderea etichetei de închidere.
  • este mai convenabil să manipulezi conținutul lor
Aspecte negative:
  • este dificil să se adapteze la rezoluția schimbătoare a monitorului. Și chiar mai dificil de a face un astfel de design flexibil - astfel încât lățimea stratului variază în funcție de lățimea ferestrei.
  • paginile pe care există un număr mare de coduri și o cantitate mică de conținut util, au un rating destul de scăzut în motoarele de căutare.

Straturile vor rămâne un element pur decorativ și nu principal, dar cu ajutorul straturilor devine un meniu frumos, ia în considerare parametrii de bază ai straturilor.

Taguri posibile suplimentare:

fundal-culoare: culoarea de fundal

layer-background-color: culoarea stratului

border: 1px none - dacă eliminați "non", în jurul stratului va apărea marginea 1 pichel gros.

Straturile au multe alte etichete, dar sunt destinate a fi utilizate împreună cu scripturile.







Articole similare

Trimiteți-le prietenilor: