Foros del Web » Creando para Internet » CSS »

La etiqueta <P> no asume las propiedades asignadas en la etiqueta STYLE..

Estas en el tema de La etiqueta <P> no asume las propiedades asignadas en la etiqueta STYLE.. en el foro de CSS en Foros del Web. Declaré unas propiedades para <P> en la etiqueta <STYLE TYPE="text/css">, la cual es la siguiente : <STYLE TYPE="text/css"> <!- P {color:blue; font-size:12pt;} --> </STYLE> Luego, ...
  #1 (permalink)  
Antiguo 01/12/2005, 06:39
 
Fecha de Ingreso: octubre-2005
Mensajes: 778
Antigüedad: 12 años, 2 meses
Puntos: 1
La etiqueta <P> no asume las propiedades asignadas en la etiqueta STYLE..

Declaré unas propiedades para <P> en la etiqueta <STYLE TYPE="text/css">, la cual es la siguiente :

<STYLE TYPE="text/css">
<!-
P {color:blue; font-size:12pt;}
-->
</STYLE>

Luego, en la parte del <BODY>, indico lo siguiente :
<BODY>
<P>Este es un parrafo donde <B> la etiqueta <B> </B> hereda el estilo de <P> </P>
</BODY>

Debería aparecer el texto en azul, y de tamaño 12pt, pero no es así. Lo cual no entiendo porque la etiqueta <P> no toma las propiedades asignadas arriba.

Lo curioso es, que también declaré unas propiedades para la etiqueta <EM> :
<STYLE TYPE="text/css">
<!-
EM {color:red; text-transform:uppercase;}
-->
>/STYLE>

y, si asume estos valores en lo siguiente :

<BODY>
<P>En cambio <EM> en la etiqueta <EM> </EM> al estar definido prevalece su propio estilo</P>
</BODY>

El texto se vuelve rojo y en mayúscula, tal como se le indicó en <STYLE>.

Entonces, porqué <P> no funciona o no toma estas propiedades?
  #2 (permalink)  
Antiguo 01/12/2005, 07:12
 
Fecha de Ingreso: marzo-2005
Mensajes: 74
Antigüedad: 12 años, 8 meses
Puntos: 0
Hola

La apertura de comentarios es <!-- con dos guiones "-".
__________________
Salu2
KAYETANO
  #3 (permalink)  
Antiguo 01/12/2005, 07:42
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 7 meses
Puntos: 0
tampoco uses mayusculas
  #4 (permalink)  
Antiguo 01/12/2005, 08:11
 
Fecha de Ingreso: octubre-2005
Mensajes: 778
Antigüedad: 12 años, 2 meses
Puntos: 1
Ok, gracias.

Me guiaba de un manual y el mismo hacia referencia con un solo guión (<-).

Ahora, lo que no entiendo es que tenía un ejemplo, con la apertura con un solo guión, y utilizando la etiqueta LI, y si funciona.

ejemplo :
<STYLE TYPE="text/css">
<!-
p {color:blue}
LI{color:red}
-->
</STYLE>
<BODY>
<P>Se ve azul? </P>
<LI>Esto se ve color rojo?</LI>
</BODY>

El resultado me muestra el texto "Se ve azul?" de color normal en negro, y el texto "Esto se ve de color rojo" exactamente en rojo. ¿?

Si la sintaxis con un guión es incorrecta porque si funciona con la etiqueta <LI> y no con <P>?
  #5 (permalink)  
Antiguo 01/12/2005, 08:35
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 13 años, 7 meses
Puntos: 8
Utiliza minúsculas. Si te funciona es porque talvez por que "p" está justo despues del guión, y no lo toma, en cambio si al "li".

Otra cosa es que la etiqueta <b> ya no se usa, en su lugar está <strong> y claro todo en minúscula.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #6 (permalink)  
Antiguo 01/12/2005, 08:42
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 7 meses
Puntos: 0
tienes que poner punto y coma al final de cada estilo:
Código:
<style type="text/css">
<!--
p{color:blue;}
li{color:red;}
//-->
</style>

<body>
<p>Se ve azul? </p>
<li>Esto se ve color rojo?</li>
</body>
  #7 (permalink)  
Antiguo 01/12/2005, 13:05
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
jglorenzosqr: el que te dió la respuesta correcta fue braulito.

<STYLE TYPE="text/css">
<!-
p
{color:blue}
LI{color:red}
-->
</STYLE>

No va a funcionar el estilo para P porque le estás dicendo que aplique un color azul al elemento <!-P, y lógicamente ese elemento no existe.
__________________
El conocimiento es libre: Movimiento por la Devolución
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 18:41.