Alcune piccole considerazione su ciò che abbiamo appena visto, nell’esempio ho utilizzato come selettore per lo stile il nome del tag ma mettiamo caso che io voglia inserire un nuovo titolo ma anziché rosso io voglia farlo giallo, in questo caso dovrei utilizzare le classi HTML o gli id per fare riferimento al corretto elemento da stilizzare.
Aggiunta titolo giallo tramite classe
HTML: <h1 class=”yellow-title”>Titolo giallo</h1>
CSS: .yellow-title {color: yellow}
In questo caso l’utilizzo di una classe mi permette di identificare correttamente il titolo giallo, la classe è applicabile a molti elementi e stilizzerà tutti quanti secondo le sue regole, per cui posso avere infiniti elementi ai quali applicherò la classe yellow-title.
Nel caso avessimo un elemento univoco nella nostra pagina sarebbe buona norma identificarlo attraverso l’id
Aggiunta titolo giallo tramite id
HTML: <h1 id=”yellow-title”>Titolo giallo</h1>
CSS: #yellow-title {color: yellow}
0 commenti