tag STYLE

**kidmarco** · 27-02-2005, 02:26

la tag STYLE, tipo questa:

codice:

<STYLE type=text/css>BODY {
 FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana
}
A:link {
 FONT-SIZE: 12px; COLOR: #0000ff; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
A:visited {
 FONT-SIZE: 12px; COLOR: #2d4b94; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
A:active {
 FONT-SIZE: 12px; COLOR: #0000ff; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
A:hover {
 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: underline
}
</STYLE>

oppure questa:

codice:

<STYLE type=text/css>.titolo {
 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial
}
A:link {
 FONT-SIZE: 12px; COLOR: #0000ff; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none
}
A:visited {
 FONT-SIZE: 12px; COLOR: #2d4b94; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none
}
A:active {
 FONT-SIZE: 12px; COLOR: #0000ff; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none
}
A:hover {
 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: underline
}
A.titolo:link {
 FONT-SIZE: 12px; COLOR: #0000ff; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none
}
A.titolo:visited {
 FONT-SIZE: 12px; COLOR: #2d4b94; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none
}
A.titolo:active {
 FONT-SIZE: 12px; COLOR: #0000ff; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none
}
A.titolo:hover {
 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline
}
.....
.....
</STYLE>

vanno inseriti fra <HEAD>...</HEAD>
oppure possono anche venire inseriti dopo <BODY> ?

**jepers** · 27-02-2005, 02:33

Vanno sempre tra <head> e </head>

**kidmarco** · 27-02-2005, 02:39

sì, anch'io sapevo così...ma ho notato che funzionano anche dopo BODY...??

**haZe** · 27-02-2005, 02:52

Funzionano (potrebbero); ma non sono corretti.

**kidmarco** · 27-02-2005, 03:30

ok, seguo la procedura corretta
grazie, ciao

**Mich_** · 28-02-2005, 09:55

In realta` lo stile si puo` mettere dove si vuole, e ha effetto da quel punto in poi.

Dal punto di vista logico e di pulizia del codice e` meglio metterlo (o richiamarlo) nella head, ma ci sono i casi di inclusioni lato server dove questo non e` possibile.

In XHTML comunque i JS e CSS vanno messi in file separati (o comunque dentro marcatori che li nascondono al parser).

**kidmarco** · 02-03-2005, 03:43

Originariamente inviato da Mich_
In XHTML comunque i JS e CSS vanno messi in file separati (o comunque dentro marcatori che li nascondono al parser).

questo per quale motivo ?

grazie, ciao
PS:
è corretta la successione
A:link / visited / active / hover ?

**awd** · 02-03-2005, 05:06

Originariamente inviato da kidmarco
è corretta la successione
A:link / visited / active / hover ?

è indifferente

**carp** · 02-03-2005, 09:41

no la sucessione corretta è link,visited,hover,active

ciao

**Mich_** · 02-03-2005, 09:48

Originariamente inviato da kidmarco
questo per quale motivo ?

Altrimenti il parser XML tenta di parsarli, e naturalmente trova un sacco di errori (un pezzo CSS o JS deve essere interpretato con un parser diverso).

In pratica i commenti HTML che normalmente si usano, non servono per XHTML, dato che vi sono numerose informazioni per il parser all'interno di commenti HTML.
Occorre usare i commenti CDATA che sono attivi anche in XML.

Discussione: tag STYLE

Strumenti discussione

Ricerca discussione

Visualizza

tag STYLE

Permessi di invio