dominios y alojamiento web en hostalia

Diferencias de colocar estilos CSS en distintos lugares

Tengo una duda que quiza pudiera usted contestarme: En estos momentos estoy estudiando las css y me gustaría saber que diferencia hay entre colocar...

La FAQ Diferencias de colocar estilos CSS en distintos lugares tiene

Pertenece a la categoría:

Pregunta
Tengo una duda que quiza pudiera usted contestarme: En estos momentos estoy estudiando las css y me gustaría saber que diferencia hay entre colocar las hojas de estilo en un archivo externo, colocado en la cabecera del código HTML o incrustado en una etiqueta.


Respuesta de Miguel Angel Alvarez
Las diferencias entre las distintas posibilidades que apuntas son variadas y tienen que ver con el ámbito en el que los estilos afectan a las páginas web. Es decir, dependiendo del lugar donde pongas los estilos afectarán a más o menos elementos de tu web.


Si pones estilos en una etiqueta HTML, sólo afectan a esa etiqueta.


Si pones estilos en la cabecera de la página, solo afectan a esa página.


Si defines los estilos en un archivo externo, afectarán a todos los ficheros HTML donde incluyas ese archivo externo.


Los estilos se sobreescriben unos a otros. Los que prvalecen son los que afectan a elementos más particulares. Es decir, si defines los estilos en una etiqueta dominarán a los posibles estilos que hayas definido para toda la página.


Todo esto está explicado en nuestro manual de Hojas de Estilo en Cascada.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Comentarios
Fue enviado 1 comentario a la faq
1 comentario revisado:
Shuberth Chi Balam (Diferencias de colocar estilos CSS en distintos lugares)
14/10/2010
Pero lo mejor es colocar los estilos en un archivo externo, para mantener un código limpio. y despues simplemente llamarlo.

(<link rel="stylesheet" type="text/css" href="estilos.css">)

Puedes utilizar dos archivos css, uno donde elimines espacios y comentarios y en general todo lo que sirva (y vincular ese);
y el otro usarlo de referencia (o borrador), de esta manera al utilizar el comprimido aumentarás la velocidad de reconocimiento del css y por consiguiente la carga de tu página.


Saludos

At. Shuberth Chi Balam
webmaster de Cancún

Volver al árbol de categoríasVolver al árbol de categorías

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...