Junior
Ποιες διατάξεις CSS γνωρίζεις;
sobes.tech AI
Απάντηση από AI
- Flexbox: Μονόξυλο σύστημα για την ευθυγράμμιση στοιχείων σε ένα κοντέινερ κατά μήκος ενός άξονα (οριζόντια ή κάθετα). Ιδανικό για μικρά συστατικά και για την ευθυγράμμιση στοιχείων μέσα σε ένα μπλοκ.
- Grid Layout: Διπλό σύστημα διαστάσεων για τη δημιουργία πολύπλοκων πλεγμάτων στη σελίδα. Επιτρέπει εύκολη διαχείριση της διάταξης των στοιχείων τόσο σε γραμμές όσο και σε στήλες. Ιδανικό για το κύριο σχέδιο της σελίδας.
- Block Layout: Τυπική συμπεριφορά των στοιχείων μπλοκ. Τα στοιχεία καταλαμβάνουν όλο το διαθέσιμο πλάτος και τοποθετούνται το ένα κάτω από το άλλο.
- Inline Layout: Τα στοιχεία τοποθετούνται σε μία γραμμή, καταλαμβάνοντας πλάτος ίσο με το περιεχόμενό τους.
- Positioned Layout: Επιτρέπει τον τοποθέτηση στοιχείων σε σχέση με τη φυσική τους θέση, το γονικό στοιχείο ή το παράθυρο προβολής χρησιμοποιώντας
position(static, relative, absolute, fixed, sticky) και τις ιδιότητεςtop,right,bottom,left. - Table Layout: Αναπαράγει τη συμπεριφορά των στοιχείων πίνακα (
display: table,display: table-cell, κ.λπ.). Χρησιμοποιείται λιγότερο από το Grid ή το Flexbox, για τη δημιουργία δομών πίνακα. - Multi-column Layout: Επιτρέπει τον διαχωρισμό του περιεχομένου ενός κοντέινερ σε πολλαπλές στήλες, όπως σε μια εφημερίδα. Ελέγχεται με τις ιδιότητες
column-countκαιcolumn-width.