Simulazioni Abilità Informatiche

In CSS, come selezioni tutti i tag sulla pagina?

<p>

Scegli 1 risposta:

Scegli 1 risposta:

• #p { } Soluzione: p { }

• p { }

• .p { }

• <p> { }

In CSS, come selezioni questa immagine in base al suo id?

<img id="mainpic" src="cat.png">

Scegli 1 risposta:

Scegli 1 risposta:

• img { }

• Soluzione: #mainpic { }

mainpic { }

• #mainpic { }

• .mainpic { }

In CSS, come selezioni solamente i paragrafi con class name "warning"?

<p class="warning">Don't do it.</p>

<p>Do it.</p>

<p class="warning">Nooo, don't do it.</p>

Scegli 1 risposta:

Scegli 1 risposta:

• p { } Soluzione: .warning { }

• .warning { }

• #warning { }

• warning { }

La seguente tabella elenca i selettori nella colonna di sinistra e i tag HTML nella colonna di destra. Associa i

selettori ai tag HTML corrispondenti.

selettore HTML

• •

.info { } <h1 class="info">The Exciting Story</h1>

• •

#info { } <p id="info">It's a great story.</p>

• •

#main { } <h2 id="main">The Story</h2>

• •

.main { } <p class="main">Really, trust me, it's good.</p>

La tabella qui sotto mostra vari valori delle proprietà dei CSS e gli screenshot del testo che

font-family

risulta per ciascun font. Associa il font al testo:

font family output

•

•

• sans-serif

• serif •

• cursive

• monospace •

Quale proprietà devi usare per rendere il testo grassetto?

Scegli 1 risposta:

Scegli 1 risposta:

• font-style Soluzione: font-weight

• font-weight

• text-decoration

• font-family

Quale proprietà CSS devi usare per rendere il testo corsivo?

Scegli 1 risposta:

Scegli 1 risposta:

• font-style Soluzione: font-syle

• font-family

• text-decoration

• font-weight

Quali delle seguenti sono unità valide per la proprietà CSS ?

font-size

Seleziona tutte le risposte valide:

Seleziona tutte le risposte valide:

• lb font-

Ci sono molte unità valide per il CSS

• size: em, ex, ch, rem, vh, vw, vmin, vmax, px, mm, c

px m, mm, in, pt, pc. Si possono anche usare

smaller %.

keywords come oppure usare Il modo

• kg px em,

più comune è usare e e queste solo le

uniche 2 opzioni valide nella lista data.

• em

Nella seguente tabella sono elencate le proprietà CSS e i valori. Riordina i valori in modo che le coppie

proprietà-valore abbiano senso. Solo le seguenti coppie di proprietà e valori hanno

proprietà valore senso:

font-weight bold

• • : Per rendere il testo grassetto.

• font-weight: bold

text-decoration underline

• • : Per sottolineare il

• text-decoration: underline

font-style italic

• • testo. : Per rendere il testo corsivo.

• font-style: italic

text-align verso sinistra

• • : Per allineare il testo a sinistra.

• text-align: left

line-height 2em

• • : Per aumentare lo spazio tra le

• line-height: 2em

color viola

• • righe del 200%. : Per cambiare il colore del testo in

• color: purple

viola.

Lo screenshot di questa pagina web mostra 2 paragrafi formattati. Nella tabella qui sotto, associa le

proprietà CSS ai valori che corrispondono agli stili usati nello screenshot.

proprietà valore

• •

border 4px dashed rgb(219, 28, 28)

• •

margin 5px

• •

padding 15px

• •

color yellow

• •

font-weight bold

Quali delle seguenti proprietà CSS sono state probabilmente usate per l'immagine, se lo sviluppatore web

stava seguendo le pratiche standard?

Seleziona tutte le risposte valide:

Seleziona tutte le risposte valide:

• margin-left: 10px;

• padding-right: 10px;

• left: 20px;

• position: relative;

• padding-left: 10px;

• width: 100px;

• margin-right: 10px;

• float: left;

• width: 50%;

• position: absolute;

• float: right;

1 / 1

Suggerim ento #1

L'immagine è a sinistra del testo, e il testo riempie lo spazio intorno. Il modo standard di ottenere

questo risultato è impostare e aggiungere il margine in modo che il testo non stia

float: left

proprio attaccato all'immagine, sicuramente e spesso anche .

margin-right margin-bottom

L'immagine anche può essere ridimensionata, usando . Di conseguenza, le