PDA

View Full Version : [CSS] Creare classi in file esterni


the_al
06-12-2002, 20:51
Allora, avevo intenzione di intemplementare dei fogli di stile nel mio sito. Ovviamente avevo deciso di metterli come file esterni (come gli script js ;) ) pero' non ho capito bene il loro funzionamento.

andando nei particolari ; non ho capito bene come creare delle classi diverse tra loro da usare con i diversi pezzi di testo sul sito.

facciamo un esempio :elfhat:

voglio creare tre tipi diversi di classi

- la prima e' semplice e definisce il colore del testo (#CCCCCC)

- la seconda definisce le scritte (i titoli) di ogni pagina (grassetto e #FF0000)

- la terza infine definisce una serie di link (dove a mouseover compaia uno sfondo rosso e che non ci sia la scritta sottolineata)

Avendo queste indicazioni , come si fa a trascriverli in css ? :)

reysharks
06-12-2002, 21:21
Originally posted by -= Algoroth =-

voglio creare tre tipi diversi di classi

- la prima e' semplice e definisce il colore del testo (#CCCCCC)

- la seconda definisce le scritte (i titoli) di ogni pagina (grassetto e #FF0000)

- la terza infine definisce una serie di link (dove a mouseover compaia uno sfondo rosso e che non ci sia la scritta sottolineata)

Avendo queste indicazioni , come si fa a trascriverli in css ? :)

Sto andando a memoria:

1) crei una classe, la nomini con un nome che ti pare a te e poi la richiami nel tag..allora la classe che dovrai mettere nel css sarÓ tipo questa:

.colorerosso{
font-color: #CCCCCC;
}

nel tag che racchiude il testo (puoi mettere un div ad esempio) scrivi:
<div class="colorerosso">TESTO DA COLORARE</div>

2) stesso discorso di sopra solo che la classe sarÓ:

.titolo{
font-color: #FF0000;
font-weight: bold;
}

3) in questo caso puoi agire direttamente sul tag A di html:

a:link {
text-decoration: none;}

a:visited { text-decoration: none;}

a:hover { text-decoration: none; background-color: #bf0000;}

Questo dovrebbe soddisfare le tue esigenze

the_al
06-12-2002, 22:14
Grazie Mille :D

L'unica cosa che prima sbagliavo e non capivo era la denomiazione della classe ;)

grazie ancora :ghgh:

thelyn
07-12-2002, 12:43
algoroth, ti consiglio di dare un'occhiata ai tutorials CSS di Html.it, sn molto utili

the_al
07-12-2002, 18:12
Originally posted by thelyn
algoroth, ti consiglio di dare un'occhiata ai tutorials CSS di Html.it, sn molto utili

lo faro' grazie del consiglio ;)

:laugh:

Debian Hawk
19-12-2002, 13:30
le CSS sono un vero toccasana per il web :)