Please enable JavaScript.
Coggle requires JavaScript to display documents.
foglio di stile - Coggle Diagram
foglio di stile
I fogli di stile sono
suddivisi in tre tipologie:
Fogli di stile in linea (inglese: inline)
vantaggi
il foglio di stile in linea è caricato per primo dal browser; permette inoltre di personalizzare un singolo elemento della pagina in presenza di fogli di stile più generali (collegati o incorporati).
svantaggi
il foglio di stile in linea deve essere riscritto volta per volta sui vari tag, non è generale. Fogli di stile incorporati: sono regole di stile inserite nell’<head> del documento. In questo caso le regole di stile sono racchiuse tra i tag <style> e </style>.
cosa sono:
sono regole di stile applicate di volta in volta ai singoli tag.
Fogli di stile incorporati o a livello di documento (inglese: internal)
vantaggi
il foglio di stile incorporato è caricato per secondo dal browser, dopo i fogli di stile in linea. È più generale dei fogli di stile in linea, nel senso che una regola di stile indicata nel foglio incorporato vale SEMPRE all’interno della pagina.
svantaggi
il foglio di stile incorporato vale solo per la pagina web nella quale è inserito. Se un sito è costituito da più pagine web, gli elementi comuni a tutte le pagine (per esempio le caratteristiche dell’intestazione e della navbar) devono essere inserite preferibilmente in un foglio di stile collegato. Altro svantaggio è il fatto che ha priorità minore dei fogli di stile in linea
cosa sono:
sono regole di stile inserite nell’<head> del documento. In questo caso le regole di stile sono racchiuse tra i tag <style> e </style>. I nomi dei singoli tag per i quali si indica la regola di stile devono essere scritti in minuscolo e senza le parentesi curve; le regole di stile seguono la sintassi nome: proprietà; e l’insieme delle regole per un singolo elemento è racchiuso tra parentesi graffe { }.
Fogli di stile collegati (inglese: external)
vantaggi
il foglio di stile collegato si può caricare all’interno di diverse pagine e quindi è generale
per un sito web.
svantaggi
ha priorità 3, quindi è caricato per ultimo dal browser.
cosa sono:
sono regole di stile racchiuse in un file esterno, che ha estensione .css (esempio: stile.css) e può essere creato con un apposito editor o più semplicemente con un blocco note.