Quiz a risposta multipla sui CSS

Quello che segue è un quiz a risposta multipla sui CSS. Per le soluzioni potete contattarmi in privato o sui social network. Spero che lo troviate utile per i vostri studi.

1. Solo uno dei seguenti blocchi di dichiarazione è valido. Quale?

   1. 
      #box {margin: 1em 0; padding: 1em}
      

   2. 
      body {font-family: Verdana, sans-serif
      

   3. 
      p \{text-align: \left \"}"
      

2. Solo una delle seguenti dichiarazioni è valida. Quale?

   1. 
      #box {-moz-user-select: none}
      

   2. 
      body {bgcolor: #fff}
      

   3. 
      p {text-indent: 2em }
      

3. Quale tra questi selettori ha la specificità maggiore?

   1. 
      p {color: #000}
      

   2. #box p {color: #c00}

   3. p.box {color: #666}

   4. p#box {color: #008}

   5. #box > p {color: green}

4. Cosa fa un browser quando incontra una proprietà che non conosce?

   1. salta il blocco di dichiarazioni

   2. visualizza la pagina senza stili

   3. ignora la proprietà

5. Cosa succede in una dichiarazione come questa?

   
   h1, h2, h3 {font-family: Georgia. serif;}
   

   1. nulla, lo stile viene applicato

   2. il browser applicherà il secondo valore

6. Devo scrivere un foglio di stile per la stampa. Quali unità di misura userò?

   1. em

   2. %

   3. pt

   4. px

   5. mm

7. Se specifico per un elemento una dimensione del font in em, a cosa sarà relativa?

   1. alla dimensione del font in uso

   2. alla dimensione del font dell'elemento genitore

8. Se specifico per un elemento una dimensione in em, a cosa sarà relativa?

   1. alla dimensione del font in uso

   2. alla dimensione del font dell'elemento genitore

9. Una dimensione (larghezza, altezza) in percentuale a cosa si riferisce?

   1. alla dimensione del font

   2. alla dimensione del blocco contenitore

10. Quale di questi elementi è un elemento di blocco?

    1. dfn

    2. div

    3. code

    4. a

11. Quale di questi elementi è un elemento inline?

    1. p

    2. address

    3. strong

    4. blockquote

12. Un elemento inline rimpiazzato può avere un'altezza e una larghezza?

    1. si

    2. no

13. Se nel sorgente inserisco un elemento h1 e dopo di esso un elemento a, li visualizzerò affiancati in una pagina senza stili definiti?

    1. si

    2. no

14. La proprietà 'margin' aumenta l'altezza di un box inline?

    1. si

    2. no

15. Con quale proprietà posso modificare la visualizzazione predefinita di un elemento?

    1. con la proprietà 'visibility'

    2. con la proprietà 'display'

16. In un elemento di blocco, le proprietà 'width' e 'height' definiscono:

    1. la larghezza e l'altezza del blocco contenitore

    2. la larghezza e l'altezza dell'area di contenuto

17. In un elemento inline, la proprietà 'vertical-align' definisce:

    1. l'altezza del box inline

    2. il posizionamento verticale del box inline

18. Dati due elementi di blocco, di cui il secondo è contenuto nel primo, cosa succederà con le seguenti dichiarazioni in un browser che rispetta il box model W3C?

    
    div {width: 400px}
    
    p {width: 370px; margin: 10px; padding: 10px}
    

    1. i due box combaceranno

    2. il secondo box fuoriuscirà dal primo

19. Dato un blocco contenitore con la sola dichiarazione 'width: 400px' e dati due elementi flottati di larghezza pari a 200px, cosa succederà se inserisco un elemento di blocco senza clear né larghezza esplicita dopo i due elementi flottati?

    1. l'elemento si affiancherà ai float

    2. l'elemento scivolerà sotto i float

20. Cosa implica la dichiarazione 'display: table-cell' per un elemento flottato?

    1. l'elemento viene formattato come una cella di tabella

    2. nulla, la dichiarazione viene ignorata

21. Un float può essere posizionato in modo relativo?

    1. si

    2. no

22. I margini verticali di un float:

    1. collassano

    2. non collassano

23. Dato un elemento con 'position: relative' ed un suo discendente posizionato in modo assoluto, quest'ultimo si posizionerà:

    1. rispetto alla finestra di visualizzazione del browser

    2. rispetto al suo genitore

24. Un elemento posizionato in modo relativo verrà spostato rispetto a

    1. al suo blocco contenitore

    2. a se stesso

25. La proprietà 'text-indent' può essere applicata ad un elemento strong?

    1. si

    2. no

26. La proprietà 'text-align' è ereditaria?

    1. si

    2. no

27. Come posso inizializzare una numerazione su un numero preciso (n) usando il contenuto generato?

    1. tramite la formula counter-reset: contatore n

    2. tramite la formula counter-increment: contatore n

28. Il foglio di stile predefinito di un browser può sovrascrivere le dichiarazioni !important di un foglio di stile utente?

    1. si

    2. no

29. A cosa viene paragonato l'algoritmo "shrink-to-fit" usato per il calcolo delle dimensioni degli elementi posizionati e dei float?

    1. al layout automatico di tabella

    2. al layout fisso di tabella