Fogli di stile a cascata (CSS) è un linguaggio utilizzato per definire lo stile delle pagine Web che contengono elementi HTML, definendo il modo in cui gli elementi vengono visualizzati sulle pagine Web, inclusi layout, colori, caratteri e altre proprietà degli elementi su una pagina Web. I CSS funzionano prendendo di mira gli elementi HTML e applicando regole di stile per definire come dovrebbero essere visualizzati, comprese proprietà come colore, dimensione, layout e posizionamento.

Esistono tre tipi di CSS che sono riportati di seguito:

Tabella dei contenuti

• CSS in linea
• CSS interno o incorporato
• CSS esterno

CSS in linea:

CSS in linea è un metodo per applicare lo stile direttamente ai singoli elementi HTML utilizzando l'attributo style all'interno del tag HTML, consentendo uno stile specifico dei singoli elementi all'interno del documento HTML, sovrascrivendo qualsiasi stile esterno o interno.

Esempio CSS in linea:

Questo esempio mostra l'uso dei CSS in linea con l'aiuto di un documento HTML.

html

>

>

Produzione:

Spiegazione di esempio CSS in linea:

Nell'esempio sopra stiamo seguendo questi passaggi

• Qui stiamo utilizzando Inline CSS direttamente sull'elemento paragrafo.
• Cambia il colore in verde, la dimensione del carattere in 50px, lo stile in corsivo e l'allineamento al centro.
• Lo stile sovrascrive i CSS esterni e interni.

CSS interno o incorporato:

CSS interno o incorporato è definito all'interno dell'elemento del documento HTML. Applica gli stili agli elementi HTML specificati. Il set di regole CSS deve trovarsi all'interno del file HTML nella sezione head, ovvero il CSS è incorporato nel tag all'interno della sezione head del file HTML.

Esempio CSS interno o incorporato:

Questo esempio mostra l'uso dei CSS interni con l'aiuto di un documento HTML.

html