Vari <p> - formatt. diversa [era: domanda banale, ma mi serve aiuto css]

[kevin0101]

ciao.
allora vengo subito al problema.

ho formattato la mia pag html con un foglio di stile, il problema è che vorrei avere la dimensione dei caratteri dei paragrafi

diversa... nel senso che in una parte della pagina vorrei avere ad esempio un font 4 mentre in un' altra vorrei avere font 1.

come posso fare?se vado semplicemente a cambiare nel foglio di stile mi cambiano tutti i paragrafi

della pagina...quale codice devo inserire per rendere la cosa possibile?


grazie

[panta1978]

Originariamente inviato da kevin0101
ho formattato la mia pag html con un foglio di stile, il problema è che vorrei avere la dimensione dei caratteri dei paragrafi

diversa... nel senso che in una parte della pagina vorrei avere ad esempio un font 4 mentre in un' altra vorrei avere font 1.

Ciao. Intanto se usi i CSS scordati la dimensione da 1 a 7 (tipica di HTML). Devi dare una misura che può essere espressa in pixel, percentuale, em...

Il codice deve essere questo:

CSS

p.testopiccolo{font-size:1em}
p.testogrande{font-size:1.5em}

====================

XHTML
<p class="testopiccolo">
Ciao, sono un testo scritto in piccolo!
</p>

<p class="testogrande">
Ciao, sono un testo scritto in grande!
</p>

Per approfondimenti, guardati la
guida CSS di base di html.it

PS: il titolo! Non è molto significativo...

[kevin0101]

ciao.
grazie mille.

mi diresti anche un' altra cosa?
se volessi diciamo mettere in evidenza la prima parola di ogni

ad esempio in grassetto o con un colore diverso come devo fare?

grazie

[ricman]

Originariamente inviato da kevin0101
se volessi diciamo mettere in evidenza la prima parola di ogni

ad esempio in grassetto o con un colore diverso come devo fare?

La prima parola o la prima lettera?
Se è la prima _lettera_ i css ti vengono incontro così (ad esempio):

p:first-letter {color: #FF0000; font-size: 200%}

Se invece vuoi la prima _parola_ devi usare uno <span>prima_parola</span> e ad esso assegnare una classe

[kevin0101]

La prima parola...
scusa potresti spiegarmi meglio cosa vuol dire aggiungere una classe...se mi scrivi il codice di esempio mi fai un grosso piacere.grazie.

[panta1978]

Originariamente inviato da ricman
La prima parola o la prima lettera?
Se è la prima _lettera_ i css ti vengono incontro così (ad esempio):

p:first-letter {color: #FF0000; font-size: 200%}

Se invece vuoi la prima _parola_ devi usare uno <span>prima_parola</span> e ad esso assegnare una classe

Tramite le pseudoclassi puoi modificare la prima lettera (first-letter) o la prima riga (first-line). Non credo che si possa modificare la prima parola.
Comunque attenzione! Queste tecniche non sono riconosciute da tutti i browser (specie dai vecchi IE).

Se vuoi puoi lavorare a mano, così:

<p class="testopiccolo">
<span class"primaparola">Ciao</span>, sono un testo piccolo, ma la prima parola lo è un pò meno...
</p>

PS: come effetto mi pare bruttino... il fatto che non abbiano implementato una pseudoclasse ad hoc ne è la riprova!

[kevin0101]

a me serviva per un glossario...volevo mettere in evidenza la parola dalla definizione...non era una buona idea? te come faresti allora?

[panta1978]

Originariamente inviato da kevin0101
a me serviva per un glossario...volevo mettere in evidenza la parola dalla definizione...non era una buona idea? te come faresti allora?

Cosiglio vivissimamente i tag <dl> <dt> e <dd>. Sono semantici e "fanno figo".

<dl>
  <dt>il primo termine</dt>
  <dd>la sua definizione</dd>

  <dt>il secondo termine</dt>
  <dd>la sua definizione</dd>

  <dt>il terzo termine</dt>
  <dd>la sua definizione</dd>
</dl>

Link di approfondimento: http://www.diodati.org/w3c/raggett/overview.asp

[ricman]

Originariamente inviato da kevin0101
a me serviva per un glossario...volevo mettere in evidenza la parola dalla definizione...non era una buona idea? te come faresti allora?

SI... puoi fare una cosa del genere e ti basta il grassetto:

gatto: s.m. animale quadrupede che fa le fusa

Scrivendolo così:

  gatto: s.m. animale quadrupede che fa le fusa
</p>

[kevin0101]

direi che [b] va benissimo!!!
...anche se potevo adare a fare una girata al posto di diventare matto con questo glossario...
mi sn alzato proprio con un idea bizzarra stamani!!!


ps.grazie dell'aiuto.