Verifica: CSS per componenti e interazioni
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: 11. 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: Proprietà personalizzate e var() ▾
Risposta: La variante rimane indipendente dal colore radice. Il valore di spazio condiviso modifica padding e margine di entrambe le schede. Motiva il cambiamento: Il bordo e il testo leggono lo stesso valore. La seconda scheda cambia accento tramite una sola proprietà personalizzata locale.
2. Spiega il risultato del laboratorio: Trasformazioni visuali ▾
Risposta: La rotazione avviene attorno a un’origine diversa. Controlla possibili sovrapposizioni. Motiva il cambiamento: La scheda viene spostata e ruotata visivamente. Il paragrafo successivo non riceve automaticamente spazio aggiuntivo.
3. Spiega il risultato del laboratorio: Progetto finale e diagnosi ▾
Risposta: Le schede hanno bordo e padding dopo la correzione; il layout cambia con la larghezza e i collegamenti restano raggiungibili e riconoscibili da tastiera. Motiva il cambiamento: Ogni classe rappresenta un componente. La griglia parte da una colonna e il breakpoint ne introduce tre. Lo spazio condiviso mantiene una relazione coerente fra padding e gap.
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.