Per applicare degli stili a tutti gli elementi di un certo tipo, ad esempio i titoli h1:
Selettori di id
L'attributo id, serve per indicare con un codice univoco un determinato elemento della mia pagina html. Questo serve per il CSS e anche javascript per identificare un elemento preciso e lavorarci sopra.
Nella foto abbiamo dato all'elemento h1 l'id "titolo1" nel nostro file css possiamo definire lo stile per l'elemento con id titolo1:
Conviene usare questo approccio solo quando si vogliono applicare degli stili a un unico specifico elemento nella pagina. Possiamo inserire l'in di un elemento anche in un href in modo che se clicco il bottone mi porta a quell'elemento (scroll pagina).
Selettori di classe
Possiamo definire delle classi in questo modo: Potremo poi applicare la classe a tutti gli elementi della pagina che vogliamo: