[css] che differenza c'è fra queste sintassi?

[Trinità76]

premesso che tutto il codice html e css è validato w3c quindi scritto regolarmente senza nè errori ne warning che differenza c'è fra queste due sintassi? La mia conoscenza dei css non arriva fino a questo punto per capire il perchè...

dunque nel css ho questo pezzo:

H2, H3, H4 {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	color : navy;
	background-color : inherit;
	line-height : 145%;
	margin-top : 5px;
	margin-right : 15px;
	margin-bottom : 5px;
	margin-left : 15px;
}
H2 {
	font-size : 15px;
	font-weight : normal;
}
.preformtext {
	text-align : center;
	font-weight : bold;
	word-spacing : -1px;
}

Ad un certo punto mi serve usare la classe .preformtext per allineare il testo al centro e avere le altre proprietà ma se scrivo:
<h2><span class="preformtext"> _TESTO_ </span></h2>
il testo non sembra aver ereditato l'allineamento centrato (anche se il preview del mio programma sembra esserci)
se invece uso una sintassi come questa:
<h2 class="preformtext"> _TESTO_ </h2>
funziona bene tutto...
perchè?

E ancora una domanda: perchè spesso i css funzionano bene se scritti direttamente nella pagina html ma invece alcune delle loro proprietà vengono perse se li includo in un file esterno?

[Trinità76]

chiedo scusa non avevo visto la sezione dedicata ai css... qualche moderatore può spostare il thread oppure devo riaprirlo io?

[panta1978]

Originariamente inviato da Trinità76


dunque nel css ho questo pezzo:

H2, H3, H4 {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	color : navy;
	background-color : inherit;
	line-height : 145%;
	margin-top : 5px;
	margin-right : 15px;
	margin-bottom : 5px;
	margin-left : 15px;
}
H2 {
	font-size : 15px;
	font-weight : normal;
}
.preformtext {
	text-align : center;
	font-weight : bold;
	word-spacing : -1px;
}

Ad un certo punto mi serve usare la classe .preformtext per allineare il testo al centro e avere le altre proprietà ma se scrivo:
<h2><span class="preformtext"> _TESTO_ </span></h2>
il testo non sembra aver ereditato l'allineamento centrato (anche se il preview del mio programma sembra esserci)
se invece uso una sintassi come questa:
<h2 class="preformtext"> _TESTO_ </h2>
funziona bene tutto...
perchè?

E ancora una domanda: perchè spesso i css funzionano bene se scritti direttamente nella pagina html ma invece alcune delle loro proprietà vengono perse se li includo in un file esterno?

Di solito 1 post = 1 domanda...

Comunque la sintassi <h2 class="preformtext"> _TESTO_ </h2> funziona perché è corretta.
La sintassi <span class="preformtext"> _TESTO_ </span> richiederebbe invece di definire nel css quallcosa del tipo
SPAN.preformtext{
text-align: center
}

L'inclusione di formati css esterni non mi ha mai dato problemi? Non è che sbagli a caricarli?

[Trinità76]

Leggo solo ora.
Grazie per l'info...
Per quanto riguarda l'inclusione non mi sembra di sbagliare anche perchè (credo) se fosse sbagliata tutto il codice non verrebbe letto, invece nel mio caso solo alcune parti di esso non vengono interpretate quando incluse.
Ora non ho tutto il codice davanti x cui la prossima volta lo posto. Cmq x l'include uso:
<link href="css/css.css" rel="stylesheet" type="text/css">

[andrea.paiola]

il caricamneto di CSS esterni non da problemi... piuttosto non terrai conto della specificità dei selettori e usarai qualche stile inline magari...

[Trinità76]

Originariamente inviato da andrea.paiola
il caricamneto di CSS esterni non da problemi... piuttosto non terrai conto della specificità dei selettori e usarai qualche stile inline magari...

Non capisco cosa intendi per specificità dei selettori e stile inline... :master:

[andrea.paiola]

Originariamente inviato da Trinità76
Non capisco cosa intendi per specificità dei selettori e stile inline... :master:

sai cosa sono i CSS?
sai cosa sono i selettori?