Estilos css

Buenas a todos, esta ves tengo una duda, como bien saven, hay cre 3 formas de escribir css, una es como la del curso paso a paso de jorgens pero hay otra que me saca curiosidad y es poniendo un <style></style> Osea me referiero a que eso se puede hacer, o afectaria algo. Porfavor respondanmen la pregunta Grax.

eso tambien se puede hacer solo que......
cuando son muchos documentos cansa... estar poniendole el estilo a cada página
o peor aun a cada elemento

todo depende de lo que necesitas

saludos

aaaa ok grax. Olle pero tengo otra duda, mira tengo los archibos principales: index.html, chtml.hml, ccss.html etc. Creo otra capeta llamada noce cursohtml y meto el archivo chtml.html en la carpeta, pero al abrir chtml.html sale sin estilos, que hay que hacer hay, pero tambien digamos al hacer clic en inicio (index.html) sale error que puedo hacer.

hola colega,


eso es facil, significa que no redireccionas correctamente.


Cuando en tu web pones: <link rel="StyleSheet" media="screen" type="text/css" href="estilo.css">

indicas que el estilo.css esta en el mismo directorio que el archivo que lo lleva.

Ejemplo, estamos en la raiz:

localhost/


y ahi tenemos el index:

localhost/index.html

pues el estilo tiene que estar ahi:

localhost/estilo.css

Asi funcionara.

Si decides crear una carpeta para meter ahí los estilos, queda algo asi:

localhost/estilos/estilo.css

Vamos a nuestra index, y tatachan! NO HAY ESTILOS!

¿Porque?

Porque en el link rel, tenemos pueso que esta en la raiz, asi que cambiamos: <link rel="StyleSheet" media="screen" type="text/css" href="estilos/estilo.css">

y tatachan! Vuelve a funcionar :D

Esto sirve tambien para los a href, miremos lo contrario:

tenemos esto:

localhost/paginas/prueba.html
localhost/estilo.css
localhost/index.html


y en pruebas.html no funciona ni el estilo ni el enlace al index, ¿que hacemos?

le decimos que busque el estilo un directorio antes, de esta manera: <link rel="StyleSheet" media="screen" type="text/css" href="../estilo.css">

Y vuala, funcionan :D

y el index? igual: <a href="../index.html">INDEX</a>



Espero que te haya quedado claro jeje,


un saludo