Dubbi su validatore CSS del W3C

[nomade_k]

Rieccomi a rompere.

Stavo validando le pagine e il CSS.
Per le prime nessun problema, il CSS invece mi dà degli errori che non capisco.

Ve li riporto di seguito.

W3C CSS Validator
Errori (2)
URI : file://localhost/style.css
17 div Numero non valido : border Vi sono troppi valori, oppure i valori non sono riconosciuti : 1px solid orange
37 p Numero non valido : color grey non è un valore per color : grey

Avvisi (2)
URI : file://localhost/style.css
3 body Non hai definito un colore per il contenuto (oppure il colore principale è definito come trasparente) mentre hai definito un colore di sfondo. Verifica che il sovrapporsi dei colori garantisca una discreta leggibilità.
26 a.link Non hai definito un colore per il contenuto (oppure il colore principale è definito come trasparente) mentre hai definito un colore di sfondo. Verifica che il sovrapporsi dei colori garantisca una discreta leggibilità.

Sorgente del foglio di stile.

body
	{
		background-color:#000000;
		font-family:Tahoma, Geneva, sans-serif
	} 
ul
	{
		list-style-type:none;
		font-weight:bold;
		font-size:0.875em;
		text-transform:uppercase
	}
div	
	{
		width:85%;
		padding:10px;		
		border:1px solid orange;
		margin:auto
	}
div.center
	{
		text-align:center
	}
a.link
	{
		background:orange;		
		font-weight:bold;
		color:#000000
	}
img
	{
		border:none
	}
p.credits
	{
		font-size:0.600em;
		color:grey
	}
p.txt
	{
		font-size:0.875em;
		color:#ffffff
	}
div.titdx
	{
    		float:right;
		color:red;
		width:500px;
		border:none;
		font-weight:bold;
		text-align:right
	}

Già che ci siamo, c'è qualcuno così gentile da spiegarmi come ottimizzare il codice?

Grazie mille in anticipo.

[Mich_]

Gli errori segnalati, sembrano essere che il validatore non riconosce i nomi dei colori.
In effetti i nomi dei colori ufficiali sono pochi, anche se i brwoser in linea di massima li riconoscono.
Come controprova puoi dare i corrispondenti codici esadecimali (v. ad esempio http://www.w3schools.com/tags/ref_colornames.asp ).

Per quanto riguarda i warning, il validatore non e` in grado di vedere se il contrasto tra foreground e background e` sufficiente, dato che manca la definizione di uno o dell'altro attribuiti allo stesso oggetto.
Se tu sai (da come e` costruita la pag. HTML) che il contrasto e` sufficiente, puoi ignorare il warning.
In alternativa devi definire ambedue: foreground e background (eventualmente mettilo uguale al contenitore).


Ottimizzare il codice e` una cosa che si impara con l'esperienza.
Le cose piu` semplici da spiegare sono:
- raggruppare dichiarazioni uguali
- usare le shortcut dei CSS il piu` possibile
- riguardare il codice con occhio critico.

Tieni conto che stressare molto l'ottimizzazione puo` portare a diminuire la leggibilita`, e quindi la manutenibilita` (e questo di solito non conviene).

[nomade_k]

Ora, questo:

body
	{
		background-color:#000;
		font:0.875em Tahoma, Geneva, sans-serif;
		color:#fff
	} 
ul
	{
		list-style-type:none;
		font-weight:bold;
		text-transform:uppercase
	}
div	
	{
		width:85%;
		padding:10px;		
		border:1px solid #ffa500;
		margin:auto
	}
div.center
	{
		text-align:center
	}
a.link
	{
		background:#ffa500;		
		font-weight:bold;
		color:#000
	}
img
	{
		border:none
	}
p.credits
	{
		font-size:0.650em;
		color:#a9a9a9
	}
div.titdx
	{
    		float:right;
		color:#f00;
		width:500px;
		border:none;
		font-weight:bold;
		text-align:right
	}

Dà questo:

W3C CSS Validator
Congratulazioni! Nessun errore trovato.

Grazie mille non potevi essere più chiaro.