Sobes.tech
Junior

Ce aranjamente CSS cunoști?

sobes.tech AI

Răspuns de la AI

  • Flexbox: Sistem unidimensional pentru alinierea elementelor într-un container pe o singură axă (orizontală sau verticală). Ideal pentru componente mici și pentru alinierea elementelor din interiorul unui bloc.
  • Grid Layout: Sistem bidimensional pentru crearea de rețele complexe pe pagină. Permite gestionarea ușoară a plasării elementelor atât pe rânduri, cât și pe coloane. Perfect pentru aspectul principal al paginii.
  • Block Layout: Comportament standard al elementelor de tip bloc. Elementele ocupă întreaga lățime disponibilă și se așază unul sub altul.
  • Inline Layout: Elementele sunt plasate pe o singură linie, ocupând o lățime egală cu conținutul lor.
  • Positioned Layout: Permite poziționarea elementelor în raport cu poziția lor normală, elementul părinte sau fereastra de vizualizare folosind position (static, relative, absolute, fixed, sticky) și proprietățile top, right, bottom, left.
  • Table Layout: Reproduce comportamentul elementelor de tabel (display: table, display: table-cell, etc.). Este folosit mai rar decât Grid sau Flexbox, pentru crearea structurilor tabelare.
  • Multi-column Layout: Permite împărțirea conținutului unui container în mai multe coloane, ca într-un ziar. Controlat de proprietățile column-count și column-width.