problema con hoja .CSS

herwex · #1 (**permalink**) 31/10/2011, 17:31

Hola a todo buen dia... tengo una duda que a lo mejor es tonta pero la expongo por que no tengo idea de como arreglarlo!!

tengo el siguiente codigo

[PHP]
<style type="text/css">

</style>

que lo ocupo aqui

Código PHP:

  <div align="center" class="Estilo1">

Ingresa Toda la 

información en MAYUSCULAS

</div>

Ahora lo que quiero hacer es una hoja con extension .CSS y mandar ese .Estilo1 ahi y llamarlo desde esta capa.... como lo puedo hacer!!! de antemano gracias!!

C2am · #2 (**permalink**) 31/10/2011, 17:45

Para aplicar estilos en un html que se encuentran en otro archivo con extensión .css tenés que poner dentro del head del html lo siguiente:

<link href="rutaalaarchivocss/estilos.css" rel="stylesheet" type="text/css"/>
Saludos

herwex · #3 (**permalink**) 31/10/2011, 17:48

pero si tengo varios temas en el .css como sabe la capa que quiero el Estilo1

Oscar_Hidro · #4 (**permalink**) 31/10/2011, 17:58

Eso tu se lo asignas. Vas a nombrar en tu hoja d estilos css, nombre de clases o identificadores.

En tu caso definiste un class con el nombre de Estilo1. Si tienes Varios estilos, simplemente haces referencia al estilo que necesitas en algun lugar.

Código HTML:

Ver original<div class=Estilo1></div>
 
<div class=Estilo2></div>
 
<div class=Estilo3></div>

herwex · #5 (**permalink**) 31/10/2011, 20:02

Hola C2am te hago llegar lo que tengo:

Ya hice mi archivo style.css que contiene lo siguiente:

Código PHP:

  Estilo1 {

font-family: "Courier New", Courier, monospace;

font-weight: bold;

font-size: 16px        

          }

en mi pagina jsp tengo lo siguiente entre los <head> </head>

Código PHP:

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

y ademas tengo la capa de donde lo mando a llamar

Código PHP:

  <div align="center" class="Estilo1">

Ingresa Toda la 

información en MAYUSCULAS

</div>

pero no me muestra ningun cambio... que estoy haciendo mal!?

herwex · #6 (**permalink**) 31/10/2011, 20:21

Me respondo a mi mismo jeje en la hoja de stye.css me faltaba el "." en la palabra estilo1 osea .estilo1 muchas gracias!!

C2am · #7 (**permalink**) 31/10/2011, 21:51

Exacto, y como consejo usa solo minusculas, así es más fácil de recordar y no cometer errores.
En este caso no porque es una sola, pero cuando vas agregando estilos a tu hoja css, pues, es lo mejor fijar ciertas reglas.
Saludos

Oscar_Hidro · #8 (**permalink**) 01/11/2011, 09:15

Jaja, bien herwex. Que bueno que lo resolviste tu solo. Asi nos pasa a todos con las comas, puntos, comillas y demas. Es parte del aprendizaje.

Nada mas como dato adicional, puedes llamar a un div de dos maneras.

#estilo1- de esta manera haces referencia asi: <div id="estilo1"></div>

.estilo1-Y asi lo referencias como lo sabes hacer: <div class="estilo1"></div>

La diferencia en que radica esto, es que como sus nombres lo dicen, unos son identificadores(id) ylos otros clases(class).

Esto quiere decir que el id es un elemento unico para una seccion, que en este caso es el div, y sera un identificador unico, sus propiedades no se pueden repetir en otro elemento div.

Mientras que las clases son estilos que puedes otorgar a varios elementos en distintos puntos de tu documento, en distintos identificadores(id).

Código CSS:

Ver original#estilo1{
width:100%;
background-color:#CCC;
}
 
.estilo1{
font-family:"Cualquier familia de texto";
font size: 14px;
color:#000;
}
 
.estilo2{
font-family:"Cualquier familia de texto";
font size: 10px;
color:#ccc;
}

Código HTML:

Ver original<div id="estilo1">
   <div class="estilo1">Tu texto</div>
   <div class="estilo2">otro texto</div>
</div>

Este es un ejemplo sencillo, pero si te fijas, puedes anidar otros divs con las clases que tu quieras, dentro de otros divs.

Saludos y se aceptan karmas