pevere web css design accessibilità e usabilità 


Impostare XHTML per i CSS

Per prima cosa, imparate ad usare un id specifico per il tag Body. Questa tecnica viene chiamata “mettere la firma” ed evita che un foglio stile importato erroneamente possa compromettere il design della nostra pagina. Un altro beneficio è che partendo così abbiamo la possibilità di scrivere regole per i browser css compatibili con i selettori figli e regole specifiche che saranno ignorate da questi ma interpretate da Explorer. Forse quanto scritto non è moto chiaro, ma un semplice esempio fugherà ogni dubbio.

<body id=”mio_sito”>
<div id=”intestazione”>
...........
</div>

#body#mio_sito#intestazione {
            color: #990000;
}
#intestazione {
          
color:  #000000;
}

La prima dichiarazione è destinata ai browser compatibili che gestiscono i selettori figlio e che considereranno solo questa dichiarazione inquanto più specifica di quella che segue. Internet Explorer, contrariamente non è in grado di gestire i selettori figli e pertanto ignorerà la prima dichiarazione leggendo solo la seconda. Il risultato in questo caso è che mentre IE mostrerà un testo nero nell'intestazione, i browser che supportano css in modo completo, mostreranno il testo di colore bordeaux.



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.