Inizio con questa iniezione, una serie di ... lezioni? E\' una parola che odio, ma non so come chiamarle, quindi, direi che saranno una serie di consigli su come facilitarsi la vita realizzando siti web.
Come si inseriscono gli stili nella propria pagina e sopratutto a cosa servono.
Formattare una pagina web secondo un proprio stile, è molto utile, specie se vogliono dare le stesse impostazioni grafiche a tutte le pagine del sito stesso, specie se le pagine poi, sono tante.
Ci sono vari modi per fare ciò, il metodo inline, è il più immediato e permette di modificare il singolo TAG al volo, pensiamo ad esempio al tag H1, tanto per fare un esempio. Mettiamo che ne vogliamo modificare il colore di sfondo per evidenziarlo.
Ecco per questa volta in tutti gli esempi, modificherò il tag H1.
Quindi una modifica inline può essere questa:
<H1 style=\"background-color: Yallow; color: Red\">Scrivo in rosso su sfondo giallo</H1>
Questo va bene se devo fare una modifica estemporanea al tag Header, ma se volessi farlo per tutti i tag header della pagina in un sol colpo? Ecco:
nell\'intestazione della pagina, tra i tag <head> ed </head> metto questo codice:
<style type=\"text/css\">
H1 {background-color: none; color: Red; font-family: sans-serif; font-size: 20px; text-align: center}
</style>
Così, tutte le volte che scrivo <H1> il testo mi verrà visualizzato con lo sfondo della pagina, ma in rosso, con un font grande 20 pixel e senza serifont ed al centro della pagina. Considerate pure, che non è possibile togliere al tag font l\'opzione BOLD.
Ultimo metodo, e forse il più importante per quanto riguarda la possibilità di fare tante modifiche, è quello dei fogli di stile esterni.
Come farli è semplice, si tratta di semplici, file in formato testo, con estensione .CSS che contengono il codice per i fogli di stile.
Tra i tag <head> ed </head> vanno linkati così: <link rel=\"stylesheet\" href=\"index.css\" type=\"text/css\"> dove index.css è il mio file contenente gli stili modificati.
Per questa volta è tutto, la prossima volta vedrò di affrontare un argomento spinoso, ovvero, la compatibilità tra browser.
Ciao. :)
