-
Controllo del tag ancora:
il tag ancora o come molti lo chiamano "href" consiste con i fogli di stile, nel poter decidere non solo il colore del testo, ma anche dello sfondo e delle decorazioni del carattere in se, vediamo come:
prima considerazione, se volete solo modificare il colore del testo, e uniformarlo, basta prendere in considerazione il tag <a> senza i suoi attributi, e cioè si scrive:
a {color: Black;} e tutto il testo delle ancore utilizzate nel documento, apparirà nero.
Ma ci sono molti modi, più sottili, per modificare vari attributi di questo importante tag, vediamo quali:
- a:active, ovvero lo stile attivo dell'ancora, in uso, quando cioè ci clicchiamo sopra.
a:focus, ovvero il collegamento in atto, quello che ha il fuoco al momento, quello riquadrato dalla puntinatura in IE.
a:hover, uno dei più usati, determina un'azione quando il puntatore del mouse passa sul link attivo.
a:link, ovvero lo stile predefinito, del link, al momento della visualizzazione, cioè ciò che appare a noi, quando non facciamo su di esso nessuna azione.
a:visited, ovvero l'aspetto del link dopo che vi abbiamo premuto sopra con il puntatore del mouse.
Questi cinque attributi del tag <a>, possono essere combinati insieme, ed in effetti il più delle volte è così che si usano, ora farò un piccolo esempio, per evidenziare del testo colorato in un link, vediamo come:
[code:1:290e5225a9]a:active, a:focus, a:link, a:visited {
background-color : transparent;
color : Black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
}[/code:1:290e5225a9]
Vediamo cosa fa: colore di sfondo: trasparente, cioè è uguale a quello del normale testo intorno, se c'è.
colore del font: nero, non c'è altro da dire.
tipo di font in uso: Verdana o equivalenti su altri sistemi non windows.
dimensione del font: 12pixel, vanno abbastanza bene su sistemi windows, il forum se on erro usa una dimensione 10.
decorazioni del testo: e qui vediamo una cosa nuova, la decorazione si riferisce alla modifica del testo, in questo caso decidiamo che il testo non deve avere modifiche, ma le possibilità offerte sono molte, vediamole:
none, underline, overline, line-trough, blink, ovvero: nessuna, sottolineato, sovralineato, trapassato da una linea, lampeggiante.
Ora modifichiamo l'altro attributo dell'ancora, il quinto, cioè focus:
[code:1:290e5225a9]a:focus {
background-color : Black;
color : White;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
text-transform : uppercase;
}[/code:1:290e5225a9]
Vediamo cosa fa: il font e la sua dimensione è la stessa, come pure la decorazione, ma sono lo sfondo del testo appare nero, e lo stesso è scritto in bianco, non solo, quando si passa su di esso il puntatore del mouse, il testo diventa scritto in maiuscolo.
Ecco così abbiamo visto che con pochi comandi si possono modificare impostazioni di base, abbastanza consistenti nel nostro documento, dando ad esso un aspetto, non solo più gradevole, ma molto più perfomante di quanto si poteva fare con il semplice HTML.
-
Controllo del tag ancora:
il tag ancora o come molti lo chiamano "href" consiste con i fogli di stile, nel poter decidere non solo il colore del testo, ma anche dello sfondo e delle decorazioni del carattere in se, vediamo come:
prima considerazione, se volete solo modificare il colore del testo, e uniformarlo, basta prendere in considerazione il tag <a> senza i suoi attributi, e cioè si scrive:
a {color: Black;} e tutto il testo delle ancore utilizzate nel documento, apparirà nero.
Ma ci sono molti modi, più sottili, per modificare vari attributi di questo importante tag, vediamo quali:
- a:active, ovvero lo stile attivo dell'ancora, in uso, quando cioè ci clicchiamo sopra.
a:focus, ovvero il collegamento in atto, quello che ha il fuoco al momento, quello riquadrato dalla puntinatura in IE.
a:hover, uno dei più usati, determina un'azione quando il puntatore del mouse passa sul link attivo.
a:link, ovvero lo stile predefinito, del link, al momento della visualizzazione, cioè ciò che appare a noi, quando non facciamo su di esso nessuna azione.
a:visited, ovvero l'aspetto del link dopo che vi abbiamo premuto sopra con il puntatore del mouse.
Questi cinque attributi del tag <a>, possono essere combinati insieme, ed in effetti il più delle volte è così che si usano, ora farò un piccolo esempio, per evidenziare del testo colorato in un link, vediamo come:
[code:1:290e5225a9]a:active, a:focus, a:link, a:visited {
background-color : transparent;
color : Black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
}[/code:1:290e5225a9]
Vediamo cosa fa: colore di sfondo: trasparente, cioè è uguale a quello del normale testo intorno, se c'è.
colore del font: nero, non c'è altro da dire.
tipo di font in uso: Verdana o equivalenti su altri sistemi non windows.
dimensione del font: 12pixel, vanno abbastanza bene su sistemi windows, il forum se on erro usa una dimensione 10.
decorazioni del testo: e qui vediamo una cosa nuova, la decorazione si riferisce alla modifica del testo, in questo caso decidiamo che il testo non deve avere modifiche, ma le possibilità offerte sono molte, vediamole:
none, underline, overline, line-trough, blink, ovvero: nessuna, sottolineato, sovralineato, trapassato da una linea, lampeggiante.
Ora modifichiamo l'altro attributo dell'ancora, il quinto, cioè focus:
[code:1:290e5225a9]a:focus {
background-color : Black;
color : White;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
text-transform : uppercase;
}[/code:1:290e5225a9]
Vediamo cosa fa: il font e la sua dimensione è la stessa, come pure la decorazione, ma sono lo sfondo del testo appare nero, e lo stesso è scritto in bianco, non solo, quando si passa su di esso il puntatore del mouse, il testo diventa scritto in maiuscolo.
Ecco così abbiamo visto che con pochi comandi si possono modificare impostazioni di base, abbastanza consistenti nel nostro documento, dando ad esso un aspetto, non solo più gradevole, ma molto più perfomante di quanto si poteva fare con il semplice HTML.
