Verifica: Box model e aspetto degli elementi
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: Contenuto, padding, bordo e margine ▾
Risposta: Inizialmente le larghezze sono 284px e 240px. Con padding 30px la prima diventa 304px e la seconda rimane 240px. Motiva il cambiamento: I valori dichiarati sono uguali, ma il significato di width cambia. Il margine inferiore separa le due scatole e non contribuisce alla loro larghezza.
2. Spiega il risultato del laboratorio: Spessore, stile e colore dei bordi ▾
Risposta: Il bordo diventa tratteggiato su tutti i lati; lo spessore superiore rimane 4px. Motiva il cambiamento: La regola generale crea il bordo; la proprietà specifica rende più spesso soltanto il lato superiore.
3. Spiega il risultato del laboratorio: Contenuto in eccesso e overflow ▾
Risposta: Con altezza automatica la scheda cresce. Con altezza fissa hidden taglia i contenuti, mentre auto permette di scorrerli quando eccedono. Motiva il cambiamento: La scatola può crescere oltre l’altezza minima. La lunga stringa viene spezzata quando necessario per rimanere entro la larghezza disponibile.
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.