Foros del Web » Creando para Internet » CSS »

Apartar hoja del CSS?

Estas en el tema de Apartar hoja del CSS? en el foro de CSS en Foros del Web. Hola! Tengo una duda: Si yo cambio el tamaño de letra en una página que está asociada con otras tantas a un CSS, se cambia ...
  #1 (permalink)  
Antiguo 27/03/2009, 03:55
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años
Puntos: 10
Pregunta Apartar hoja del CSS?

Hola!

Tengo una duda:

Si yo cambio el tamaño de letra en una página que está asociada con otras tantas a un CSS, se cambia en todas.

Si yo solamente quiero que se cambie el tamaño solo en esa y adoptando el resto de características del CSS, como debo hacer? se puede?

Muchas gracias
  #2 (permalink)  
Antiguo 27/03/2009, 06:26
 
Fecha de Ingreso: diciembre-2005
Ubicación: Vigo
Mensajes: 135
Antigüedad: 12 años
Puntos: 3
Respuesta: Apartar hoja del CSS?

Se puede hacer, deverias crear una clase para el texto de esa pagina en particular. De todas formas si fueras mas claro te podria explicar major como hacer.
__________________
AlfaMeta formacion
  #3 (permalink)  
Antiguo 27/03/2009, 06:52
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Respuesta: Apartar hoja del CSS?

Yo usualmente trabajo con varios hojas de estilo. Una para la estructura básica del sitio (cabecera, menú, pie, por ejemplo) y luego una hoja para cada sección. Si quiero que en una sección haya algo diferente al resto (no sé, por ejemplo el color de fondo de la página, o algo del menú, etc...) solo tengo que cambiarlo en la hoja de la sección.

Pero, si en tu caso es algo muy puntual, pues puedes cambiar simplemente la clase.

O hacer algo así, si solamente quieres cambiar el tamaño:

Código css:
Ver original
  1. /*"p" sería para todas las páginas*/
  2. p {
  3. margin:5px;
  4. font:13px Verdana;
  5. color:blue;
  6. }
  7. .pEnano {
  8. font-size:11px;
  9. }

Código html:
Ver original
  1. <p class="pEnano">lorem ipsum y tal</p>

Éste párrafo usaría p (marge de 5, fuente Verdana y color azul) pero el tamaño de la clase pEnano (11px).

Si en vez de dar estilo a un elemento, lo que estabas haciendo era poniendo un estilo, entonces puedes llamar dos clases desde el html.

Código css:
Ver original
  1. /*"p" sería para todas las páginas*/
  2. .grande {
  3. margin:5px;
  4. font:13px Verdana;
  5. color:blue;
  6. }
  7. .enano {
  8. font-size:11px;
  9. }

Código html:
Ver original
  1. <p class="grande enano">lorem ipsum y tal</p>

Si es solo un caso puntual dentro de esa página, entonces ya mejor igual es usar un ID en vez de una clase.
  #4 (permalink)  
Antiguo 27/03/2009, 16:59
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Apartar hoja del CSS?

A veces puede ser tan simple como seguir cargando la hoja externa, pero insertar en la cabecera de tu HTML la norma específica con:

<style type="text/css">
p.grande {font-size: 3em;}
</style>
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 28/03/2009, 18:23
 
Fecha de Ingreso: marzo-2009
Mensajes: 23
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Apartar hoja del CSS?

asi como te dijo mikmoro la clase se hereda como el ejemplo pero tomara el valor que este mas cerca pro ejemplo si

le pones en ese parrafo

<p style="color:red;"></p> hara caso a este primero (no recomendado)

<head>
<style type="text/css"> luego a este que se pone entre los tags head
p { color:red; }
</style>
</head>

y por ultimo hara caso a la hoja <link rel=""stylesheet href="estilo.css" />

pero los estilos heredan pero hace caso al mas cercano a excepcion de !important me gusto el ejemplo de arriba no sabia muy bien eso
  #6 (permalink)  
Antiguo 01/04/2009, 12:41
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años
Puntos: 10
Respuesta: Apartar hoja del CSS?

Pero si pongo eso en el head, como aplico a un div específico "p.grande"?

Porque ahora mismo hace caso a la hoja CSS principal.

Muchas gracias
  #7 (permalink)  
Antiguo 01/04/2009, 12:59
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: Apartar hoja del CSS?

lo recomendable es simpre poner un ID o una CLASS diferente al de todas las paginas. De esta manera desde el mismo archivo.css podras cambiar estilos particulares para cada pagina.
Por ejemplo si tienes una pagina con ID "index", otra con "listado" y otra con "articulo" puedes aplicarle distintos tamaños de texto a cada una de la siguiente manera

p { font-size: 11px; }
#index p { font-size: 12px; }
#listado p { font-size: 14px; }
#articulo p { font-size: 16px; }

Saludos.
__________________
oohh... quisiera ser godines!!!
  #8 (permalink)  
Antiguo 02/04/2009, 02:03
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años
Puntos: 10
Respuesta: Apartar hoja del CSS?

Hola safe, gracias por contestar.

En este tema de "estilos diferentes en un CSS" soy nuevo. Me podrias decir como lo tendría que poner?

En el mismo Css?En los divs?ahí me pierdo...

Muchas gracias
  #9 (permalink)  
Antiguo 02/04/2009, 16:20
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Apartar hoja del CSS?

Hola:

La solución la tienes en la respuesta de bonez o en la de mikmoro.

Saludos.

  #10 (permalink)  
Antiguo 02/04/2009, 17:24
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: Apartar hoja del CSS?

Basicamente lo que tienes que hacer es en todos los HTMLs (o en los que creas necesario) agregar un ID al tag body de la siguiente manera:

<body id="home">

Y despues dentro de tu archivo .css cada vez que quieras modificar un estilo solo en una pagina solo tienes que anteponer ese ID al elemento que quieres modificar:

p { font-size:11px; } <-- esto se aplicaria a todas las paginas
#home p { font-size:12px; } <-- esto se aplicaria solo en la pagina con ID home
__________________
oohh... quisiera ser godines!!!
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 02:49.