CSS – (introduzione) – I selettori





I fogli di stile a cascata (CSS), sono una tecnica che permette di impostare gli stili (tipo di carattere, colori ecc.) da applicare ad una pagina web. L’introduzione dei fogli di stile si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti.
Per poter applicare le regole CSS ad una pagina web bisogna conoscere bene il concetto di selettore.


Consideriamo il seguente blocco html con tre usi diversi del tag paragrafo .

<p>Paragrafo semplice</p>

<p>Paragrafo di ‘nome’ pippo</p>

<p>Paragrafo con classe ‘colorato'</p>

ora consideriamo il seguente codice css da applicare al blocco html precedente


Il primo tipo di selettore applica la regola css (in questo caso testo in corsivo) a tutti i paragrafi della nostra pagina html.
Il secondo (uso del carattere #) applica la regola (testo in grassetto) solo all’elemento html di nome ‘pippo’.
il terzo (uso del carattere .) applica la regola (testo colorato in blu) a tutti gli elementi html che appartengono alla classe ‘colorato’.

nel nostro caso avremo come risultato

Paragrafo semplice
Paragrafo di ‘nome’ pippo
Paragrafo con classe ‘colorato’

Seguimi su twitter : @ironico

Leave a Reply

  

  

  

Per essere informato sui miei contenuti - Email: