Want to create interactive content? It’s easy in Genially!

Get started free

Horror CSS - prof. Michele SALVEMINI

Michele Salvemini

Created on October 31, 2023

Quiz per verificare la conoscenza di base sull'utilizzo delle regole CSS

Start designing with a free template

Discover more than 1500 professional designs like these:

Secret Code

Corporate Escape Room: Operation Christmas

Reboot Protocol

Desert Island Escape

Halloween escape

Horror Escape Room

Witchcraft Escape Room

Transcript

halloween escape game

prof. Michele SALVEMINI

Horror CSS

INIZIO

A caccia di Caramelle

HALLOWEEN ESCAPE GAME

Bussa a tutte le porte e risolvi gli enigmi proposti per guadagnare dolci caramelle

buona fortuna

di Casa in Casa

🔒

🔒

🔒

🔒

Caramelle Vinte

La Casa delle STREGHE

Sei arrivato alla prima tappa di questo gioco da far rizzare i capelli. Riuscirai a dare tutte le risposte giuste?

Bussa

1/2

Cosa significa l'acronimo "CSS"?

toc

Computer Style Sheet

toc

Cascading Style Sheet

Content Style Sheet

2/2

Quala proprietà CSS viene utilizzata per cambiare il colore del testo?

color

text-color

font-color

Congratulazioni!

Hai superato la prima prova. Continua per guadagnare altre caramelle

CONTINUA

Caramelle Vinte

di Casa in Casa

🔒

🔒

🔒

✔️

Caramelle Vinte

The Wolf's house

La seconda casa nasconde alcuni misteri insidiosi... Provaci

BUSSA

1/2

Quale unità di misura CSS è relativa alla dimensione del carattere dell'elemento (tag) genitore?

toc

toc

px

em

pt

2/2

Quale istruzione permetterà l'aggiunta di un'ombra al testo?

font-shadow: 5px 5px 5px grey;

text-shadow: 5px 5px 5px grey;

shadow: text 5px 5px 5px grey;

Ben fatto!

Il lupo non ha reso le cose facili, ma sei riuscito a ottenere tutte le risposte giuste!

continua

Caramelle Vinte

di Casa in Casa

🔒

🔒

✔️

✔️

Caramelle Vinte

Frankenstein's house

La situazione là fuori sta diventando sempre più spaventosa e sei arrivato in una casa davvero mostruosa. Hai il coraggio di continuare?

bussa

1/2

Come posso realizzare un iperlink senza linea sotto il testo?

toc

toc

a {text-decoration:none;}

a {decoration:no-underline;}

a {underline:none;}

2/2

Qual è il tag corretto per collegare un file CSS esterno a una pagina HTML?

<link>

<style>

<css>

Congratulazioni!

Hai superato la sfida, sei abbastanza coraggioso da andare avanti?

CONTINUA

Caramelle Vinte

di Casa in Casa

🔒

✔️

✔️

✔️

Caramelle Vinte

The Mummy's house

Questa spaventosa caccia al tesoro sta per finire. Supera le tue paure e vai avanti!

BUSSA

1/2

Qual è il valore predefinito per la proprietà "position" in CSS?

toc

toc

relative

static

normal

2/2

Quale istruzione mi permetterà di realizzare un bordo con le seguenti caratteristiche: in Alto spessore 10 pixels in Basso spessore 5 pixels a sinistra spessore 20 pixels a destra spessore 1 pixel?

border-width:10px 5px 20px 1px;

border-width:10px 1px 5px 20px;

border-width:5px 20px 10px 1px;

Ben Fatto!

Uff! Ti stai avvicinando alla fine di questa avventura. Ottieni più caramelle visitando l'ultima casa!

CONTINUA

Caramelle Vinte

di Casa in Casa

✔️

✔️

✔️

✔️

Caramelle Vinte

Dracula's house

Alla fine sei arrivato illeso all'ultima casa. Ti senti all'altezza della sfida?

bussa

1/2

Considerando la seguente istruzione: padding: 5px 15px 8px 10px quale sarà il valore del padding assegnato al lato sinistro?

toc

toc

15

10

2/2

Quale tipologia di selettore utilizzeresti per realizzare una regola applicabile a diversi tag?

class

tipo

id

Ce l'hai fatta!

Hai sconfitto le tue paure e sei arrivato alla fine di questa inquietante avventura. Buon per te!

continua

Caramelle Vinte

HAPPY HALLOWEEN!

Ora hai le caramelle e puoi goderti questa giornata ma ricorda... dormi con un occhio aperto per ogni evenienza!

Sei sicuro di voler andar via?

Se esci, perderai i tuoi progressi e dovrai ricominciare il gioco.

RIprova

ABBANDONA

Uh Oh! hai sbagliato...

riprova