Capitolo 7: CSS – Fogli di stile 2

Regole

Prove di regole css differenziate per browser: es . i titoli di questa pagina dovrebbero comparire in:
Rosso se si usa Firefox, in:
Nero con Edge,
Blu con Chrome.

Entriamo nel vivo dell'argomento Fogli di Stile.
Nel codice del foglio di stile si riportano per le regole che valgono in generale per ogni i browser
Ma se ci accorgiamo che qualche browser non interpreterebbe come si deve qualche regola, dobbiamo inserire una regola apposita per il browser in questione.
Facciamo un esempio banale, ma utile per vedere come si scrivono le regole per un certo browser.

Prendiamo come esmpio il tag h3 : prima gli diamo una regola generale:
h3 {text-align: center; color: green;} .
Ammesso che ci accorgiamo che i browser Firefox, Chrome e Edge non visualizzano bene il contenuto di questo tag, andiamo ad aggiungere al foglio di stile la regoletta specifica per ognuno di essi:
per Firefox:
codice css per firefox <
per Chrome:
codice css per firefox
per Edge:
codice css per firefox

Proprietà e Valori

Le proprietà usate nell'esempio sono:
/* .... */ è semplicemente un commento inserito nei fogli di stile.
@... la riga preceduta da questo simbolo indice il browser cui si riferiscono tutte le eventuali regole comprese tra le parentesi { ... };
in questo caso abbiamo solo dato un colore diverso al tag h3:
h3 {color: red;}

Conclusioni

Applicate questi concetti ad un esercizio e ... non esitate a chiedere chiarimenti! Buon lavoro!