Foros del Web - La etiqueta <P> no asume las propiedades asignadas en la etiqueta STYLE..

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - La etiqueta <P> no asume las propiedades asignadas en la etiqueta STYLE.. (http://www.forosdelweb.com/f53/etiqueta-p-no-asume-las-propiedades-asignadas-etiqueta-style-354396/)

jglorenzosqr

01/12/2005 06:39

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?

kayetano

01/12/2005 07:12

Hola

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

RoQ	01/12/2005 07:42

tampoco uses mayusculas

jglorenzosqr

01/12/2005 08:11

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

braulito

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

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.

La zona horaria es GMT -6. Ahora son las 10:38.