como escribir los comandos en color

hola buenas , lo primero queria agradecer al creador de la pagina por la obra maestra, soy muy novato en esto y hasta el momento me ha ido todo muy bien, pero me gustaria que me resolvierais un problemilla que tengo, es muy simple supongo, no puedo escribir los comandos en color ( y si no estan en el color que toca no me funciona), se que sonará a estupidez jajaja
me refiero a estos comandos, gracias de antemano por vuestra ayuda :)


#cabecera {background-color:#F5DEB3;}
#navegacion {background-color:#F5F5DC;}
#contenido {background-color:#FAF0E6;}
#menu {background-color:#FFFFF0; width:150px; float:left;}
#pie {background-color:#FFFFF0;)

a parte de eso, alguien puede decirme lo q esta mal de aqui? la parte de menu no funciona, y si lo pongo abajo dl todo me sale "menu" en azul oscuro y no funciona, esto bloqueado, no se que hacer...



body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:#F5DEB3;}
#navegacion {background-color:#F5F5DC;}
#contenido {background-color:#FAF0E6;}
#menu {background-color:#F5DEB3; width:150px; float:left;}
#pie {background-color:#FFFFF0;)

Hola:

No entendí tu primer problema y el segundo... tampoco XD. El segundo problema depende de todos los estilos que tengas definidos, no solo los que has mostrado, pues ninguno deja el menú de color azul (color: #fff dejaría las letras de color blanco, mientras que background-color: #fff dejaría el fondo de color blanco; no es lo mismo, así que cuidado :). En el fondo, el código CSS que pusiste esta bien, no le veo errores.

Respecto al primer problema, no sé si estas hablando en el contexto del foro o en el contexto del programa que utilizas para escribir el código.

Si es en el contexto del programa de código (HTML-Kit, supongo), no es importante el color del texto, pues a veces el programa se puede tardar en reconocer el código y tu puedes quedarte pensando que esta mal. Lo que debes recordar es que el CSS se escribe así:

[etiqueta|#id|.class][:pseudo-selector] {
  propiedad: valor;
}

Lo que aparece entre el primer corchete es lo que debe aparecer primero; etiqueta se refiere a cualquier tag HTML, tales como body, p, a, div, etcétera; #id es el atributo id dentro de la etiqueta, por ejemplo, <div id="div-123">; y por último, .class es el atributo llamado class de la etiqueta, por ejemplo, <div class="menu"></div>.

Los pseudo selectores son opcionales, y el más utilizado (creo) es este: a:hover { color: #000; }. Esto significa que al pasar el mouse sobre el enlace, el color de las letras (y no del fondo) cambiará a negro (#000, #000000 y black son el color negro, mientras que #fff, #ffffff y white es el color blanco).

Yo tampoco se que programa estas utilizando , porque tu hoja de estilos debe ser guardada como estilos.css, el css no se ve . otrta cosa importante es que en tu archivo html, en el head va la dirección de la hoja de estilos <link rel="stylesheet" href="estilos.css" type="text/css" media="all">

muchas gracias de verdad, no me he enterado de nada pero bueno, poco a poco... xD