Foros del Web » Creando para Internet » CSS »

es posible colocar atributos de html desde una hoja de estilos externa?

Estas en el tema de es posible colocar atributos de html desde una hoja de estilos externa? en el foro de CSS en Foros del Web. Hola a todos, mi duda quizas para algunos es básica pero he querido recurrir a ustedes porque no he podido dar con la respuesta. Cuando ...
  #1 (permalink)  
Antiguo 07/08/2011, 19:55
Avatar de cuasatar  
Fecha de Ingreso: junio-2011
Ubicación: Bogotá Rock City
Mensajes: 1.230
Antigüedad: 5 años, 9 meses
Puntos: 180
es posible colocar atributos de html desde una hoja de estilos externa?

Hola a todos, mi duda quizas para algunos es básica pero he querido recurrir a ustedes porque no he podido dar con la respuesta.

Cuando modifico variables propias de html para que tengan unos atributos especificos (tipo body, h1, p, etc) lo hago desde la misma pagina de esta manera (es solo un ejemplo para ilustrar)

<style type="text/css">

body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: red;
background-color: #d8da3d;
}

h1 {
font-family: Helvetica, Geneva, Arial, sans-serif;
}

</style>

Hasta ahí no existe ningún problema. Sin embargo si meto estos valores desde una hoja externa de css y no dentro de la misma pagina no me lo reconoce y me toca repetir estas lineas en todas mis paginas para que el body, el h1, el p y demas entidades de html que quiera personalizar se vean igual en todas mis paginas. Esto me parece muy engorroso mas que todo porque tengo muchas paginas creadas y si es posible hacerlo desde un llamado externo de hoja de estilo pues es mejor ahorrar tiempo y esfuerzos.

Existe alguna limitación a la hora de hacer esto desde una hoja externa? existe alguna manera de solucionarlo? De antemano agradezco la colaboración a todos.
  #2 (permalink)  
Antiguo 07/08/2011, 20:25
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 9 meses
Puntos: 269
Respuesta: es posible colocar atributos de html desde una hoja de estilos externa?

suponiendo que tengas una carpeta llamada "css" y dentro de ella un archivo llamado "estilos.css" y suponiendo que llamas a esta hoja de estilos desde un archivo en la raiz del sitio, debes colocar esta linea en el head de tu documento (html, php, etc):

Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="css/estilos.css" media="all" />

Si no te reconoce los estilos puede ser que tengas declarados otros en el documento html, ya que el nivel de prioridad es:

1 estilos en la propia etiqueta: ej: <algo style="prop:valor;"></algo>
2 estilos en head dentro de <style>: ej: <head><style> algo{prop:valor;}</style></head>
3 estilos de una hoja de estilos externa. ej: <head><link ... /></head>

Siempre podes usar !important para pisar estilos. Ej: algo{propiedad: valor !important;}

Espero haber comprendido tu pregunta, saludos.
  #3 (permalink)  
Antiguo 07/08/2011, 22:06
Avatar de cuasatar  
Fecha de Ingreso: junio-2011
Ubicación: Bogotá Rock City
Mensajes: 1.230
Antigüedad: 5 años, 9 meses
Puntos: 180
Respuesta: es posible colocar atributos de html desde una hoja de estilos externa?

Muchas gracias en verdad por la colaboración. He probado y me funciono de maravilla. Tal y como lo comentas en tu respuesta yo ya habia probado en la pagina hacer lo siguiente:

<style type="text.css">
body {
background-image: url (../images/fondo_pagina.png)
background-repeat:repeat;
}
</style>

cuando lo probaba en la hoja de estilos por separado el valor no me funciono, probe el !important y me di cuenta que sin querer estaba evaluando antes esa condición dentro de la pagina y por eso no me estaba aceptando la llamada desde la hoja de estilos, ya lo modifique y ahora funciona sin necesidad del !important.

De verdad fue super util la información y el conocimiento de las prioridades en los estilos. Muchas gracias por todo.
  #4 (permalink)  
Antiguo 08/08/2011, 00:34
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 9 meses
Puntos: 269
Respuesta: es posible colocar atributos de html desde una hoja de estilos externa?

me alegra que la info te haya servido, un abrazo.

Etiquetas: atributos, estilos, hoja, html, posible, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:26.