Foros del web, para los que viven de bits

jglorenzosqr · 01-dic-2005, 05:39

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?

kayetano · 01-dic-2005, 06:12

Hola

La apertura de comentarios es <!-- con dos guiones "-".

RoQ · 01-dic-2005, 06:42

tampoco uses mayusculas

jglorenzosqr · 01-dic-2005, 07:11

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>?

braulito · 01-dic-2005, 07:35

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.

RoQ · 01-dic-2005, 07:42

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>

frijolerou · 01-dic-2005, 12:05

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.

01-dic-2005, 05:39	#1 (permalink)
jglorenzosqr Fecha de Ingreso: octubre-2005 Mensajes: 710	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?

01-dic-2005, 06:12	#2 (permalink)
kayetano Fecha de Ingreso: marzo-2005 Mensajes: 72	Hola La apertura de comentarios es <!-- con dos guiones "-". __________________ Salu2 KAYETANO

01-dic-2005, 06:42	#3 (permalink)
RoQ Fecha de Ingreso: abril-2005 Mensajes: 763	tampoco uses mayusculas __________________ Blog de Juegos, Ayuda para CSS, XHTML semantico

01-dic-2005, 07:11	#4 (permalink)
jglorenzosqr Fecha de Ingreso: octubre-2005 Mensajes: 710	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>?

01-dic-2005, 07:35	#5 (permalink)
braulito Fecha de Ingreso: abril-2004 Ubicación: Cusco - Perú Mensajes: 554	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

01-dic-2005, 07:42	#6 (permalink)
RoQ Fecha de Ingreso: abril-2005 Mensajes: 763	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> __________________ Blog de Juegos, Ayuda para CSS, XHTML semantico

01-dic-2005, 12:05	#7 (permalink)
frijolerou Fecha de Ingreso: diciembre-2003 Mensajes: 1.580	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

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado