Selettori

Selettori di tipo

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: