pevere web css design accessibilità e usabilità 

Ereditarietà e specificità dei CSS

Con i css à possibile applica definizioni di stile generiche Assegnando una definizione ad un elemento, la stessa definizione verrà ripetuta ogni volta che l’elemento compare nel nostro listato, indipendentemente dalla sua posizione o dal suo annidiamento.

p {
	font-family: Verdana, Arial, Helvetica, 
		sans-serif;
	font-size: 1em;
	color: #666;
}

Con questa definizione, abbiamo formattato il nostro paragrafo. D’ora in poi, ovunque usiamo il tag <p> all’interno del nostro documento, il carattere sarà verdana o comunque un sans-serif, il font sarà impostato alla dimensione predefinita del browser che stiamo usando e il colore del testo sarà grigio scuro.
E se volessimo modificare un particolare paragrafo del nostro documento assegnandogli un colore diverso?
Beh semplice, dovremmo usare una classe. 


p .rosso {
	color: #990000;
}

La classe in questo caso, da una specificità maggiore alla nostra definizione di <p> , ovvero il colore rosso.
E per quanto riguarda il font e la dimensione?

Con la definizione di classe noi abbiamo assegnato solo il colore lasciando la gestione delle altre caratteristiche alla fondamentale regola dei css che è l’ereditarietà. Esistendo una definizione di <p> con peso maggiore, la nostra nuova classe “rosso” di p erediterà tutte le definizioni di p non esplicitamente modificate nella classe stessa.

Applicare questi concetti al proprio stile di programmazione, permette di rendere il codice molto più essenziale, risparmiando notevolmente sul peso dei file e sulla logica di implementazione.

Aggiungi il Tuo Commento:





Inviando questa risposta dichiaro di aver letto ed approvato le condizioni di utilizzo di questo sito web.

(*) = campo obbligatorio.

Condizioni di Utilizzo

1 - Tutte le risposte inviate a questo sito saranno sottoposte a moderazione manuale da parte dell'amministratore al fine di evitare il fenomeno detto "SPAM".

2 - Tutti i dati inseriti nel modulo di risposta verranno pubblicati in questa pagina ad eccezione dell'e-mail. Tale informazione viene richiesta ed archiviata dagli amministratori al fine di scoraggiare un utilizzo non consono del blog.

3 - Non utilizzare le risposte per pubblicizzare il tuo sito web. Tale tentativo verrà cancellato dall'amministratore. In ogni caso ai link inseriti nelle risposte viene applicato il "nofollow" per cui non ti portano vantaggi.