CSS

I CSS (Cascading Style Sheets) sono fogli di stile in cascata nati allo scopo di indicare al browser come visualizzare i vari elementi di un documento, avendo a disposizione una vasta scelta di stili. Uno foglio di stile è una collezione di regole stilistiche che definiscono il "look & feel" degli elementi. Ogni stile definisce quindi l'aspetto e la modalità di interazione di una parte di testo all'interno del documento. 

Se separiamo il documento HTML dal foglio di stile CSS otteniamo molti vantaggi quali chiarezza semantica e stilistica e uno strumento potente e generale che ci permette di separare l'aspetto delle pagine web dal loro contenuto. Con un solo foglio di stile CSS è possibile controllare più documenti HTML contemporaneamente e non solo, pensate di dover gestire e modificare l'aspetto di un enorme sito, possiamo farlo andando a modificare il foglio di stile in modo veloce e accurato senza toccare il documento HTML. 

Ma perché vengono definiti fogli di stile in cascata? Quando il browser esamina le regole lo fa in cascata, significa che le regole in un foglio esterno hanno minore priorità di regole interne ai tag di un documento HTML. 

Ci sono tre metodi per specificare uno stile:

• Inline style e quindi all'interno di elementi (tag) HTML: <p style="text-align:center; background:blue;">. Ma come accennato prima questo metodo è sconsigliabile perché rende le pagine più confuse e difficili da leggere.
• Internal style sheet e quindi all'interno del tag HEAD in questo modo: <style type="text/css"> P{text-align:center; background:red;} </style>.
• External style sheet e quindi in un file esterno attraverso il tag LINK da inserire nella sezione HEAD: <link rel="stylesheet" type="text/css" href="nomefogliodistile.css">. Quest'ultimo è il metodo che preferisco per i vantaggi specificati sopra.