|
|
|
CSS a style incorporato
| |
Scritto il 03/07/2002
|
Si definisce come "CSS a stile Incorporato" quando gli stili da attribuire ai tag html sono definiti direttamente all'interno della pagina.
<head>
<style type="text/css">
<!--
/* Qui casà inserito il codice CSS */
-->
</style>
</head>
Notiamo, che nel piccolo esempio il codice verrà inserito all'interno del tag <Style> </Style> e che questo, a sua volta, sarà inserito all'interno di <head> </head>; il browser vuole sapere a priori quali saranno i tag con uno stile.
Oltre che dal tag <Style> il codice CSS è racchiuso anche dal tag "Commento" di html; vorrei spiegare per quale motivo ciò avviene!
Se non lo sapete vi dico che i CSS sono supportati dalla maggior parte dei browser, ma quelli vecchi no! Oltretutto tra browser diversi esite qualche lieve differenza nel modo di trattarli!
Per far sì che anche i vecchi browser possano vedere la pagina priva di CSS senza errori il codice viene inserito in un commento html, così, nel caso che, il browser non riconosca il tag per lo stile, il codice non verrà visualizzato, ma comparirà nella pagina solo come commento
Un esempio leggermente più completo può spiegare altre cose.
<style type="text/css">
P {
text-align:center;
color:Green;
}
</style>
L'esempio appena riportato modifica lo stile di tutti i paragrafi all'interno della pagina; modificato in modo che il testo sia centrato e di colore verde. Nel caso in cui, si debba modificare lo stile di un solo paragrafo lo posso fare tranquillamente utilizzando i CSS in linea. Infatti nel momento in cui il browser trova le istruzioni di un CSS in linea, esegue queste tralasciando quelle precedenti.
|
|
|
|
|
