Modifica su CSS impostato

[teju]

Allora gente, dentro il mio CSS ho una cosa del genere:

div.avviso {
  font-size: 8pt;
  text-align: center;
  color: #000080;
  font-family: Comic Sans MS;
}

Ora voglio che in una sola pagina al posto che 8pt sia 10pt, oppure che cambi colore o... altro....
Come si fa?
Nel senso, son sicuro che si possa reimpostare senza dover creare un nuovo oggetto nel CSS, ma come? Come diventa questo:

<div CLASS="avviso">testo</div>

????

Seconda domanda:
Si può fare in modo che SOLO una parola del testo sia un po' più grande delle altre??

[Jerry Masslo]

ma ci possono essere diverse strade però si dovrebbe capire bene cosa ci fai con div.Avviso

di solito dovresti avere o div {il tuo codice

che ti imposta lo stesso codice per i div o
.Avviso e nelle pagina

<div class="Avviso">

al tuo modo a che ti serve?

comunque fai una classe a parte colle tue preferenze, senza bisogno di specificare che sia per un div un p o altro tanto che cambia? e poi la richiami con <div class="Il_Suo_Nome

per le parole differenziate ti serve lo span ad esempio così:

<div><p class="TestoRosso">Questo testo viene rosso se lo hai specificato nella classe TestoRosso<span class="TestoBlu">Questo invece ti viene blu, sempre se lo hai specificato</span> e questo ti continua rosso</p></div>

Mi accorgo ora che tu non vuoi mettere mano al css, allora devi impostare lo stile inline così:

<div class="Avviso" style="font-size: 10pt">Naturalmente allo style puoi aggiungere tutte le altre proprietà che ti interessano<span style="color:red">e impostare lo span come ti pare</span> esattamente come lo style di sopra</div>

[teju]

Originariamente inviato da Jerry Masslo
Mi accorgo ora che tu non vuoi mettere mano al css, allora devi impostare lo stile inline così:

<div class="Avviso" style="font-size: 10pt">Naturalmente allo style puoi aggiungere tutte le altre proprietà che ti interessano<span style="color:red">e impostare lo span come ti pare</span> esattamente come lo style di sopra</div>

Era questo che mi serviva, grazie!!!!!!!

[antos]

in pratica usi la "cascata" dei css
se non vuoi definire lo stile inline puoi usare sempre il css interno e cioè:

<link rel="stylesheet" type="text/css" href="stile.css" />


<style>
/* css con le classi  */
.classeEditata{....}
</style>

[teju]

Originariamente inviato da Jerry Masslo
<div class="Avviso" style="font-size: 10pt">Naturalmente allo style puoi aggiungere tutte le altre proprietà che ti interessano<span style="color:red">e impostare lo span come ti pare</span> esattamente come lo style di sopra</div>

Ma se voglio cambiare 2 caratteristiche??
Pensavo di dover fare una cosa tipo:

<span style="color:red;font-size:10pt">

ma non va....

[Jerry Masslo]

hai pensato bene, evidentemente c'è qualcos'altro che non va, posta il codice.

[teju]

Originariamente inviato da Jerry Masslo
hai pensato bene, evidentemente c'è qualcos'altro che non va, posta il codice.

Non è che il problema è che io cerco di cambiare l'allineamento al testo?
Infatti quello che faccio è questo:

<div CLASS="nomeClass">Testo

<span style=\"color:#800000;text-align:center\">Testo che dovrebbe cambiare di colore e di allineamento</span>

altro testo normale</div>

[antos]

l'allienamento centrato lo devi applicare ad un elemento block!

<div CLASS="nomeClass">Testo

<p style=\"color:#800000;text-align:center\">Testo che dovrebbe cambiare di colore e di allineamento</p>

altro testo normale</div>

[teju]

Originariamente inviato da antos
l'allienamento centrato lo devi applicare ad un elemento block!

<div CLASS="nomeClass">Testo

<p style=\"color:#800000;text-align:center\">Testo che dovrebbe cambiare di colore e di allineamento</p>

altro testo normale</div>

Grazie!