#Css

29 ερωτήσεις

• Τι είναι το μοντέλο κιβωτίου CSS;CSS#box-modelJunior›
• Ποιοι είναι οι κύριοι τύποι των CSS selectors;CSS#selectorsJunior›
• Πώς υπολογίζεται η ειδικότητα CSS;CSS#selectorsJunior›
• Ποιες CSS units θα πρέπει να χρησιμοποιήσεις και πότε;CSS#unitsJunior›
• Πώς καθορίζετε χρώματα στο CSS;CSS#languageJunior›
• Τι ελέγχει η ιδιότητα display;CSS#layoutJunior›
• Ποιες είναι οι τιμές CSS position;CSS#layoutJunior›
• Τι είναι το Flexbox και πώς κεντράρεις περιεχόμενο μαζί του;CSS#flexboxJunior›
• Τι είναι οι ψευδο-κλάσεις και ποιες είναι συνηθισμένες;CSS#selectorsJunior›
• Ποιες ιδιότητες ελέγχουν το κείμενο και τις γραμματοσειρές;CSS#languageJunior›
• Πώς λειτουργούν τα flex-grow, flex-shrink και flex-basis;CSS#flexboxMiddle›
• Πώς δημιουργείτε ένα layout με CSS Grid;CSS#gridMiddle›
• Πώς λειτουργούν τα `grid-template-areas` και τα ανταποκριτικά πλέγματα;CSS#gridMiddle›
• Πώς τα media queries ενεργοποιούν το αποκρινόμενο σχέδιο;CSS#responsiveMiddle›
• Τι είναι οι εξατομικευμένες ιδιότητες CSS (μεταβλητές);CSS#languageMiddle›
• Τι κάνει box-sizing: border-box;CSS#box-modelMiddle›
• Τι είναι τα ψευδο-στοιχεία (pseudo-elements) όπως ::before και ::after;CSS#selectorsMiddle›
• Πώς λειτουργούν οι CSS transitions;CSS#animationMiddle›
• Τι μπορούν να κάνουν οι CSS μετασχηματισμοί;CSS#animationMiddle›
• Πώς λειτουργούν το z-index και τα stacking contexts;CSS#layoutMiddle›
• Πώς λειτουργεί η ιδιότητα overflow και τα κοντέινερ scroll;CSS#layoutMiddle›
• Πώς η διαδοχή και η κληρονομιά αποφασίζουν ποιά στυλ εφαρμόζονται;CSS#languageMiddle›
• Πώς λειτουργούν οι CSS keyframe κινούμενες εικόνες;CSS#animationSenior›
• Τι είναι μια στρατηγική mobile-first responsiva και πώς ταιριάζουν οι container queries;CSS#responsiveSenior›
• . Warum funktioniert es häufig nicht — die Fehlerfälle **1. Ein Vorfahr hat `overflow: hidden/auto/scroll`.** Dies ist die Ursache Nr. 1. Sticky-Positionierung wird durch jeden scrollbaren Vorfahr unterbrochen, da das Element relativ zu *diesem* Scroll-Container klebt, nicht zur Seite: [[CODE_2]] **2. Das übergeordnete Element ist nicht hoch genug.** Sticky funktioniert nur, wenn das übergeordnete Element höher als das sticky-Element ist — wenn das übergeordnete Element die gleiche Höhe hat, gibt es nichts zu scrollen, es scheint also nie zu kleben. **3. Kein Schwellwert gesetzt.** Das Vergessen von `top`/`bottom` bedeutet keinen Klebepunkt. **4. Höhenbeschränkungen für das übergeordnete Element** (z. B. ein flex-Element, das Elemente ausdehnt) können auch den Scrollbereich entfernen. ## Debugging-Checkliste [[CODE_3]] ## Warum es wichtig ist `position: sticky` ermöglicht Sticky Headers, Tabellenheader, Seitenleisten und "Scrollspy" UIs ohne JavaScript. Aber seine Besonderheiten — besonders dass ein `overflow` auf *jedem* Vorfahr es stillschweigend bricht — machen es zu einer häufigen Quelle für "Warum klebt das nicht?" Debugging. Das Kennen des enthaltenden Block-Umfangs und der Overflow-Falle ist das, was es Ihnen ermöglicht, es zuverlässig zu verwenden.CSS#layoutSenior›
• Ποιες μεθοδολογίες CSS αρχιτεκτονικής βοηθούν σε μεγάλες codebases;CSS#architectureSenior›
• Ποιες σύγχρονες συναρτήσεις και χαρακτηριστικά CSS απλοποιούν τη διάταξη (clamp, aspect-ratio, subgrid);CSS#layoutSenior›
• Τι είναι τα cascade layers (@layer) και οι επιλογείς :is/:where;CSS#selectorsSenior›
• Τι είναι τα λογικά χαρακτηριστικά CSS και γιατί είναι σημαντικά για τη διεθνοποίηση;CSS#languageSenior›