problemas con submenus

cristofer · 18 Dic 2013, 07:59 · Solicitar retirada

buenas amigos soy nuevo en esto de programacion web estoy creando mi primera pagina y tengo una duda mas bien un problema que no se como resolver espero su ayuda por favor este es el problema:
tengo un menu normal sencillo el problema es que no se no entiendo como hacer para aplicarle los estilos css a todos los archivos html con un solo archivo css pero que al mismo tiempo pueda aplicar estilos a una parte especifica del codigo css o a cada archivo de html tengo que crearle un archivo de css para poder aplicar los estilos no se si me explico bien si me entienden

Gonzalo Sobarzo · 21 Dic 2013, 16:43 · Solicitar retirada

Si quieres una hoja de estilos general para todas tus páginas tienes que escribir entre <head> y </head> el siguiente código:

<link href="estilo-general.css" rel="stylesheet" type="text/css" />

Eso es sólo si tu hoja de estilos se llamara "estilo-general.css" y que estuviera en la misma carpeta que la página que estas haciendo.
Luego, en la página que estas haciendo, ves el nombre que le pusiste al submenu. Y lo defines en la hoja de estilos, en este caso, yo lo escribiré con la capa: "sub-menu". (Que creativo).

<div id="sub-menu"><p>Aquí es donde va tu sub menu, puedes escribir lo que quieras,</p><p>dependiendo de que se trata tu web, y en qué sección estás</p></div>

Y en la hoja de estilos define lo que quieras, yo lo pondré negro, con el texto alineado al centro y con separaciones entre ellos, y sin esos odiosos puntos:

#sub-menu {background-color:#000;text-align:center;}
#sub-menu ul {}
#sub-menu li {margin-left:5px;list-style:none;}

Esto quedaría adaptado para TODAS las secciones que hagas, sin la necesidad de escribir OTRA hojas de estilos :D .
Eso si, si deseas que un sub-menu sea distinto al de las otras secciones, ahí se tendrías que hacer otra hoja de estilos.
Luego sólo te faltaría definir los enlaces.
No sé si es lo que buscabas, pero tenía ganas de escribir :) .
¡Suerte!.