Cómo empezar con CSS..?

manié · #1 (**permalink**) 13/11/2006, 07:52

Hola !

Estoy incursionando en CSS pues lo he utilizado muy poco para ciertos documentos.

Tengo una duda (la respuesta imagino que debe ser algo así como ver un elefante detrás de una margarita) pero bueno.. aquí va:

Si quiero que todo el sitio esté trabajado en CSS, como p.e.j que todo el stito tenga la misma tipografía etc,, Esos atributos se los tengo que dar desde el índex del sitio y ahí me lo toma para los otros documentos? o tengo que trabajar documento por documento?

Pues estuve leyendo varios tutoriales pero, obviamente debo ser un arado pues no me ha quedao muy claro..

Mil gracias

Powerpuff Kuma · #2 (**permalink**) 13/11/2006, 07:58

Si quieres que todo el sitio trabaje bajo el mismo css tienes es enlazar el archivo .css a todas las páginas de tu sitio de esta manera:

<link rel="stylesheet" type="text/css" href="misestilos.css" />

De esta manera trabajas presentación en el archivo css y contenido en tus HTML.

Espero haberte ayudado.

manié · #3 (**permalink**) 13/11/2006, 08:13

Muchas gracias ! Pero eso lo ubico en el head del index?

Powerpuff Kuma · #4 (**permalink**) 13/11/2006, 08:20

eso lo debes poner en el head de todas las páginas a las que le quieras aplicar el estilo.

fearlex · #5 (**permalink**) 13/11/2006, 09:32

Debes poner lo que esta en negrita en todos tus documentos. Por supuesto, el archivo style.css, seria el que contendria todos tus estilos, puedes usar una para todo el sitio, o mas de uno, eso depende de ti. Si usas Firefox, puedes usar la extension, Web Developer, para ver los css de las paginas, y entender los diseños e implementaciones de paginas que te hayan gustado, y que empleen css para dar formato a sus webs :D

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Para Manié </TITLE>
<link rel="stylesheet" href="style.css" type="text/css" />
</HEAD>
<BODY>
</BODY>
</HTML>

manié · #6 (**permalink**) 14/11/2006, 08:10

Mil gracias!

Lo que no comprendo es la extensión de web developer.

Qué significa? Haces referencia al Firefox pero se supone que debo hacer lago que lo vean bien todos los navegadores. Si utilizo la extensión que me indicas, vale también para el explorer?

Podrías explayarte un poquito más o indicarme dónde puedo conseguir la info al respecto?

fearlex · #7 (**permalink**) 14/11/2006, 08:21

Pues la extension Web Developer, sirva para:

Cuando estas navegando una pagina cualquiera, puedes verle hasta los "blummers" a la pagina, jajaja, me refiero a que puede ver los css, y hacerle cambios que ocurriran en tiempo real, por supuesto una vez cierras el navegador, todo vuelve a la normalidad, pero no hago nada con explicarte si no lo pruebas, instala el firefox, e instala el Web Developer extension, bajalo de aqui Web Developer.

Espero te sirva