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

jglorenzosqr · #1 (**permalink**) 01/12/2005, 06: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 · #2 (**permalink**) 01/12/2005, 07:12

Hola

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

RoQ · #3 (**permalink**) 01/12/2005, 07:42

tampoco uses mayusculas

jglorenzosqr · #4 (**permalink**) 01/12/2005, 08: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 · #5 (**permalink**) 01/12/2005, 08: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 · #6 (**permalink**) 01/12/2005, 08: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 · #7 (**permalink**) 01/12/2005, 13: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.