[CSS] Tipologie dei fogli di stile
Si dicono esterni quando il file è separato dal documento con estensione .css come i documenti di testo.
Si dicono interni quando il il codice è compreso nel documento.
Possono anche essere collegati, incorporati e in linea se si lavora con un foglio di stile esterno o uno interno.
Fogli collegati
Due sono le modalità per caricare un foglio esterno in un documento (X)HTML, una -all'interno della sezione <head>- fa riferimento all'uso dell'elemento <link> che presenta gli attributi
- href, obbligatorio, definisce l'url assoluto o relativo del foglio di stile
- type, obbligatorio, identifica i tipi di dati da collegare
- rel, stabilisce il tipo di relazione tra il documento e il file collegato
- media, opzionale, identifica il supporto cui applicare il foglio di stile
Fogli incorporati
I fogli incorporati vengono inseriti direttamente all'interno del documento (X)HTML con l'elemento <style> all'interno della sezione <head>. L'elemento <style> può avere due attributi, media (opzionale) e type (obbligatorio).
Fogli in linea
Viene qua usato l'attributo 'style' applicabile a tutti gli elementi. Per esempio, per attribuire la formattazione a un titolo di testo h2 con colore arancione e sfondo bianco la sintassi sarà:
<h2 style="color: orange; background: white;">TITOLO</h2>
Per risolvere problemi di compatibilità tra i browser quando si caricano CSS esterni, useremo la direttiva @import dove il CSS va collegato definendo un url tra le parentesi tonde.
<style>
@import url(stile.css);
</style>
0 commenti:
Posta un commento