|
Stile incorporato nella pagina
Si usa quando si vuole che
allo stesso stile facciano riferimento diversi elementi (tags) html
definendoli una sola volta, ad inizio pagina, in modo che tutti gli elementi
interessati della pagina si formatteranno con lo stesso stile.
In questo caso le istruzioni non saranno più inserite all'interno dello
specifico singolo elemento (tag) ma ad inizio pagina, dichiarate dagli elementi (tags)
<style> e </style>posti all'interno della sezione <head> </head>.
Il metodo utilizzato in questo caso metodo non impedisce di fare uso anche di eventuali definizioni di stile in linea,
i quali avrebbero priorità sulle dichiarazioni di stile inserite ad inizio pagina.
In questo modo si renderanno necessarie le parentesi graffe che delimitano il blocco di istruzioni relativo all'elemento interessato, cosa che non serviva per gli
styli in linea.
Facendo riferimento
ancora all'esempio precedente:
<style type="text/css">
<!--
p {
text-align: justify;
text-indent: 18px;
color: #ff0000;
}
-->
</style>
|
Adesso tutto ciò che si troverà all'interno di qualsiasi paragrafo definito con la consueta forma
<p></p> subirà lo stile impostato ad inizio pagina, a meno che non ne venga creato uno in linea, il quale, come ho detto sopra, avrebbe la priorità rispetto all'altro.
Per questo motivo, e lo ripeto ancora una volta, diventa importantissimo non dimenticare mai di chiudere l'elemento che si era aperto e questo sempre, anche nei casi in cui si trattasse di elementi come <p> che in html non necessiterebbero della relativa chiusura
</p>.
Tornando al codice dell'esempio, i due elementi <!-- e --> posti ad inizio e fine blocco, sono gli stessi adoperati in html e servono a fare ignorare lo
style a tutti quei browser che non dovessero supportarlo. |
Nell'esempio è stato adoperato l'elemento (tag) <p> ma avrete sicuramente capito che potevamo usare qualsiasi altro elemento valido di
html.
Anzi, vista questa possibilità, perché non ridefinire elementi quali <h1>, <h2>, <h3>,
ecc. ecc. che di solito non vengono mai adoperati?
Così facendo sarebbe come avere a disposizione dei nuovi comandi html, o meglio dei nuovi elementi, con in più il fatto di averli personalizzati per sfruttarli ancora meglio.
Anche se a dire il vero non ce ne sarebbe alcun bisogno dal momento che con la
creazione di classi, che vedremo più avanti, non esistono limiti al numero di elementi definibili dall'utente, ma era comunque importante sapere che si sarebbe potuto fare anche un'operazione di questo genere.
Continua:
stile esterno alla pagina |
