E' concettualmente sbagliato ripetere lo stesso codice al'interno della stessa pagina

[playbasfa]

Buona sera a tutti...
Mi è venuto un dubbio.. supponiamo che io abbia una determinata struttura, con applicati dei css..
Ad es un div cui è applicato un determinato margin, un determinato sfondo, dei bordi ben precisi e così via...

Se per es nella medesima pagina dovrei creare altri div uguali, che differirebbero da quello principale solo per il contenuto (il testo) ma sarebbe identico per quanto riguarda il resto, ovvero la struttura del div vera e propria.

Cosa è più corretto?
Crearne di nuovi uguali a quelli inziale ma con nomi diversi?
O posso tranquillamente copiarli in tutto e per tutto.. accorciando di conseguenza il relativo il realtivo css, (proprio perchè tutti si chiamano nello stesso modo)

Quali possono essere in generale pro e contro? Ci sono determinati standard da rispettare?
Forse sono stato un pò contorto..
Grazie in anticipo per la risposta

[fcaldera]

se ci sono più blocchi che condividono parte dello stesso stile di norma si usano le classi

puoi anche assegnare una classe al contenitore di tuoi div

<div class="contenitore">

<div>...</div>
<div>...</div>
<div>...</div>

</div>


e creare un regola del tipo

.contenitore div {
...
}

[playbasfa]

Grazie per la risposta. La mia situazione è un pò diversa.. ho 3 div differenti che si ripetono più volte:

<div id="uno"> </div>
<div id="due"> </div>
<div id="tre"> </div>

altro codice.... e poi ancora

<div id="uno"> </div>
<div id="due"> </div>
<div id="tre"> </div>

altro codice.. e poi ancora

<div id="uno"> </div>
<div id="due"> </div>
<div id="tre"> </div> 

e così via... in questo caso qual'è la scelta più opportuna?

[fcaldera]

dal momento che ogni id è univoco in pagina devi usare le classi, non gli id

[playbasfa]

Quindi nel mio caso, non mi rimane che creare

id="uno"
id="due"
id="tre"

id="quattro"
id="cinque"
id="sei"

e così via dove l'uno è identico al tre, il due è identico al quattro e il tre è identico al sei?
Non è un pò uno spreco di codice?

[fcaldera]

dal momento che ogni id è univoco in pagina devi usare le classi, non gli id

il tuo codice deve diventare quindi

<div class="uno"> </div>
<div class="due"> </div>
<div class="tre"> </div>

altro codice.... e poi ancora

<div class="uno"> </div>
<div class="due"> </div>
<div class="tre"> </div>

altro codice.. e poi ancora

<div class="uno"> </div>
<div class="due"> </div>
<div class="tre"> </div>

e associ lo stile con

.uno {
   ...
}

.due {
  ...
}

.tre {
  ...
}

consiglio approfondimento qui: http://css.html.it/guide/lezione/22/...tori-speciali/


Ciao

[playbasfa]

Ti ringrazio infinitamente..
Ero impreparato sotto questo punto di vista!!

Grazie