mettere l'h1 in un css

[Tr|k`Tr4k]

sto usando un css esterno per fare un nuovo sito e vorrei capire come far diventare il seguente css con h1

.testi_grassetto {  font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; color: #000000}

dove devo mettere l'h1??

[pierofix]

h1 {
   /* proprietà */
}

[Tr|k`Tr4k]

Originariamente inviato da pierofix

h1 {
   /* proprietà */
}

cosi??

.testi_grassetto h1 {  font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; color: #000000}

[pierofix]

No, guarda, il concetto è questo.

Tu hai questo frammento di pagina:

<h1>Nome del sito</h1>
<ul id="navigazione">[*]Blog[*]News[*]Portfolio[/list]
<h2 class="titolo">Titolo articolo</h2>


Questo articolo parla di...</p>

Per gestire la sua presentazione con i css si fa così. Mettiamo il caso di dover impostare l'h1 di colore rosso:

h1 {
   color: red;
}

Poi settiamo a 0px i margini del menu e tutti i link contenuti al suo interno li coloriamo di verde:

#navigazione {
   margin: 0;
}
#navigazione a {
   color: green;
}

Quindi, come selettore userai "#" + id.
Per le classi si usa "." + class, così:

.titolo {
   color: blue;
}

Se vuoi modificare SOLO i tag H2 con class="titolo", farai:

h2.titolo {
   border: 1px solid #000;
}

Chiaro?


Tutti i selettori CSS li trovi qui:
- http://www.w3.org/TR/CSS21/selector.html

[Tr|k`Tr4k]

guarda, io invece uso questo css qua


.menu { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold; color: #003366}
.menu a:LINK { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; color: #003366}
.menu a:VISITED { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; color: #003366}
.menu a:HOVER { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: underline; color: #003366}
.testi { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; color: #000000}
.testi_grassetto { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold; color: #000000}
.grande_bianco { font-family: Verdana; font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none}
.titolihotel { font-family: Verdana; color: #E5EFF5}



quando invece vado a dare al testo che voglio il css che dico io faccio cosi:

class="testi_grassetto"

Ora il css .titolihotel vorrei farlo diventare con h1 e non ho capito come farlo...
Sapresti aiutarmi in base al lavoro che ho gia' fatto io???

[pierofix]

Cosa vuol dire "vorrei farlo diventare con h1"?

[Tr|k`Tr4k]

Originariamente inviato da pierofix
Cosa vuol dire "vorrei farlo diventare con h1"?

che non vorrei dare la grandezza che dico io tipo 10px ecc ma vorrei metterci direttamente l'h1 che per i motori di ricerca e' una cosa buona...

[nickmadison]

e allora metticelo, che problemi hai?
pierofix mi è sembrato molto preciso ed esaustivo su come devi fare, in pratica:

<h1 class="mioH1Personalizzato"> testo </h1>


sul css:

h1 .mioH1Personalizzato {
........
}

[Tr|k`Tr4k]

Originariamente inviato da nickmadison
e allora metticelo, che problemi hai?
pierofix mi è sembrato molto preciso ed esaustivo su come devi fare, in pratica:

<h1 class="mioH1Personalizzato"> testo </h1>


sul css:

h1 .mioH1Personalizzato {
........
}

si ma non riesco a metterlo bene nel mio css:

.titolihotel { font-family: Verdana; color: #E5EFF5}

dove devo mettere l'h1??
prima di font-family. dopo il colore??

[nickmadison]

<h1 class="titolihotel"> testo </h1>


sul css:

h1 .titolihotel {
font-family: Verdana;
color: #E5EFF5
}

nella classe aggiungi anche le proprietà font-weight e style perche altrimenti h1 te le imposta come vuole lui.