Css introduzione

Implementazione file CSS

Il colegamento con il file CSS dovrà essre inserito nel tag HEAD del codice html

css sintassi

selettore {
proprietà: valore;
} Riferimenti: https://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/

css Testi

Tipo di font
Cominciamo dalla scelta del font da utilizzare per le nostre pagine. In primo luogo ricordiamo che, se vogliamo modificare il font di un’intera pagina, occorrerà creare la relativa regola per il tag <body>.

La proprietà da usare per indicare il font che si vuole usare è font-family. Per esempio, per usare l’Arial per tutta una pagina, scriveremo:

body {font-family: arial}

body {font-family: arial, helvetica, verdana, sans-serif}

Nei fogli di stile sono riconosciute le seguenti famiglie:
serif: font con grazie (serif), come Times New Roman e Garamond;
sans-serif: font senza grazie, come Arial, Verdana, Avant Garde, Helvetica;
cursive: font corsivi che imitano la scrittura a mano, come Park Avenue;
monospace: font monospazio (ogni lettera occupa lo stesso spazio), come Courier.

Dimensione dei font

body {
font-size: 10pt; }

Stile dei font

Per la modifica dello stile del carattere esistono diverse proprietà. Una è font-style, che può assumere i valori:

italic: usa la variante corsiva del font scelto;

normal: usa la variante base del font scelto;

oblique: inclina le lettere del font scelto (non usa la variante corsiva).

Spessore dei caratteri

extra-light; demi-light; light; medium; extra-bold; demi-bold; bold.

Se non volete usare uno dei valori predefiniti appena elencati, potete specificare un numero multiplo di 100, considerando che il valore del testo normale è 400.

Un’altra proprietà che vi permette di influenzare lo stile del carattere è text-decoration. I valori che può assumere sono:

none: al testo non è applicato alcun effetto (abbiamo visto nello scorso capitolo che si può usare per togliere la sottolineatura dai link);

underline: sottolineato;

italic: corsivo

line-through: barrato.

Il valore none permette, se necessario, di annullare l’effetto di una proprietà eventualmente ereditata da un elemento superiore.

Maiuscole e minuscole

Sono forse meno utilizzate le proprietà che permettono di trasformare il testo in maiuscole e minuscole. In particolare, esiste la proprietà text-transform, che può assumere i seguenti valori:

capitalize: rende maiuscola la prima lettera di tutte le parole. Utile per i titoli in lingua inglese;
uppercase: rende tutte le lettere maiuscole;
lowercase: rende tutte le lettere minuscole;
none: lascia invariato il testo.

Colore del font

font-color: #2585e6

Allineamento

La proprietà che permette di definire l’allineamento di un testo è text-align. Può assumere i seguenti valori:
right; left; center; justify.

La proprietà text-align si applica solo agli elementi (X)HTML di tipo blocco. Gli elementi in linea seguono l’allineamento del blocco in cui sono inseriti.

Riferimenti: https://www.html.it/pag/43253/i-css-e-il-testo/