Non è facile fare un riassunto delle centinaia di proprietà CSS 3 usate nei fogli di stile. Certo è che ce ne sono alcune decisamente più usate e che è quasi irrinunciabile non conoscerle. Lo studente spaesato, con esercizi ripetuti, potrà certamente memorizzarle in modo semplice. Vediamo un prontuario, un cheat sheet suggerito per le esercitazioni a scuola e magari stampare per tenerlo a portata di mano.
Questo prontuario raccoglie le proprietà CSS più comuni, divise per categorie, essenziali per iniziare a stilizzare le pagine web. Ricorda che queste proprietà possono essere applicate a qualsiasi selettore CSS (tag base HTML, classi ., ID #).
Indice dei contenuti
Testo
color: red; /* colore testo con valore in inglese o esadecimale #123456*/
font-size: 15px; /* grandezza del font in rem, pixel, em o pt */
font-style: italic | oblique | normal;
font-weight: bold; /* oppure un valore numerico in centinaia 200,400,600*/
text-align: center | left | right; /* allineamento del testo */
Sfondo di tag/contenitori
background-color: white-smoke; /* sfondo di colore grigetto o con #f5f5f5*/
background-image: url("pippo.jpg"); /* immagine di sfondo */
background-repeat: no-repeat; /* ripeti immagine (no-repeat, repeat-y repeat-x) */Bordi
border: 1px solid red; /*spessore linea in px solid, dottet, dashed / colore inglese o hex */Margini e spaziature
/* spazio esterno */
margin: 10px 0 1em 2pt; /* valore da sopra destra sotto sinistra in px, pt, rem, em */
/* spazio interno */
padding: 10px 0 1em 2pt; /* valore da sopra destra sotto sinistra in px, pt, rem, em */
Dimensione dei contenitori
width: 100%; /* larghezza o %, px, rem, em */
height: 200px; /* altezza in genere px o rem, meno diffuso % */
box-sizing: border-box; /*padding e border sono inclusi nel width e height*/Disposizione
display: flex | inline-flex | table, table-row | table-cell;
justify-content: flex-start|flex-end|center|space-between|space-around|space-evenly|initial|inherit; /*allinea oggetti flex */
flex-direction: row | column | row-reverse | column-reverse;Ultima modifica 10 Aprile 2025
