CSS Fogli Di Stile

Test

Verificare e motivare i concetti di flexbox.

Verifica: Flexbox

autovalutazione: concetti e applicazione.

Come funziona: scegli una risposta per domanda e premi Correggi il test. La correzione include spiegazioni e collegamenti di ripasso. Le risposte non vengono inviate né salvate. Obiettivo consigliato: almeno il 70%, poi ripassa ogni errore.

Domande: 9. Tempo indicativo: 25 minuti. Completa anche le domande aperte dopo il quiz: il punteggio automatico riguarda soltanto le scelte multiple.

Domande aperte

motivazione del risultato: ripasso dell’unità.

Prima rispondi, poi seleziona la domanda per confrontare il ragionamento.

1. Spiega il risultato del laboratorio: Contenitore e figli flex ▾
Risposta: Con row e spazio sufficiente i link stanno sulla stessa riga. In una finestra stretta possono andare a capo; con column sono disposti lungo la colonna. Motiva il cambiamento: I tre link sono figli diretti e quindi flex item. gap li distanzia, center distribuisce lo spazio libero ai lati del gruppo e wrap consente nuove righe.
2. Spiega il risultato del laboratorio: Distanze fra elementi con gap ▾
Risposta: Le distanze verticale e orizzontale sono differenti secondo i due valori dichiarati. Motiva il cambiamento: Fra le righe ci sono 12px; fra gli elementi della riga 24px. Il padding separa il gruppo dal bordo.
3. Spiega il risultato del laboratorio: Laboratorio: un menu e un gruppo di schede ▾
Risposta: Il gruppo cambia numero di righe senza richiedere coordinate; titolo e link restano utilizzabili. Motiva il cambiamento: I contenitori condividono solo la disposizione di base; le dimensioni degli article sono una scelta del catalogo.

Criterio per le risposte aperte: indica gli elementi interessati, la modifica eseguita e il motivo dell’effetto. Una risposta che descrive soltanto un colore o una posizione non dimostra da sola la comprensione.

Indice dell’unità · Indice del corso