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ățiletop,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șicolumn-width.