CSS Flashcards
Quali sono i tre modi per inserire i fogli di stile in un documento HTML?
- File esterno
- Intestazione generale del documento
- Specifica degli attributi nel singolo TAG
Perché l’HTML tradizionale non è adatto al web design moderno?
L’HTML è progettato per singole pagine e non per siti complessi. Non separa adeguatamente stile, contenuti e struttura, rendendo difficile la gestione del layout e delle modifiche globali.
Cos’è un foglio di stile (CSS)?
Un set di regole stilistiche che descrive come un documento HTML verrà presentato all’utente, separando il contenuto dalla sua presentazione.
Qual è il vantaggio principale dell’uso di CSS?
La flessibilità di modificare l’aspetto di più pagine da un unico file, semplificando la manutenzione e la revisione dei siti web.
Cosa indica il simbolo # in CSS?
L’identificativo (ID) di un elemento. Es.: #mioform.
Cosa indica il simbolo . in CSS?
Una classe
Cosa succede se in CSS non si utilizza né . né #?
La regola si applica a tutti i tag specificati. Es.: td { … } si applica a tutti i tag < td>
Esempio di stile con classe:
.bd {
border: 1px solid black;
padding: 4px;
}
.bd: Seleziona tutti gli elementi con l’attributo class=”bd”.
border: 1px solid black;: Aggiunge un bordo nero continuo (solido) con spessore di 1 pixel.
padding: 4px;: Crea uno spazio interno (padding) di 4 pixel tra il bordo e il contenuto dell’elemento.
Come creare un bordo tratteggiato blu in CSS?
td {
border: blue dashed 2px;
padding: 8px;
}
td: Seleziona tutti gli elementi < td> (cella della tabella).
border: blue dashed 2px;: Aggiunge un bordo blu tratteggiato con spessore di 2 pixel.
padding: 8px;: Crea uno spazio interno di 8 pixel tra il contenuto della cella e il bordo.
Come si definisce la separazione tra stile e contenuti in CSS?
L’HTML definisce la struttura logica del documento, mentre il CSS gestisce la presentazione visiva.
Qual è un esempio di problema risolto con CSS rispetto all’HTML tradizionale?
Modificare il font in tutte le pagine di un sito richiederebbe modificare ogni tag < FONT> in HTML, mentre con CSS basta cambiare una regola in un file esterno.
Perché è importante separare la struttura HTML dallo stile CSS?
Per facilitare la manutenzione, permettendo modifiche globali rapide e riducendo la ridondanza nel codice.
mioform {
font-family: Arial;
font-size: 12px;
}
mioform: Seleziona l’elemento HTML con l’attributo id=”mioform”.
font-family: Arial;: Imposta il font del testo su Arial.
font-size: 12px;: Imposta la dimensione del testo su 12 pixel.
