Foros del Web - Ver Mensaje Individual

kseso? · #3 (**permalink**) 18/08/2009, 11:53

Hola Jasamestica
1º) El padre de todos los párrafos es "body". Los tres párrafos son hermanos.

2º) Efectivamente, la propiedad "font-size", así que si sólo declarases "html {font-size: 1em} ese valor afectaría al contenido de tu página.

P.D.: para que tu texto "cuál es el tamaño de mi fuente" fuese distinto a su párrafo precedente, podrías utilizar algún selector de hijo adyacente.

Pero ahora que me fijo, no puedes colocar un párrafo dentro de otro párrafo. Es un error y el navegador cerrará el primero de forma automática antes de abrir el segundo párrafo.

Para hacer eso y que el tamaño varíe teniendo como base el primer "p", mejor usar la etiqueta span.

Una forma de simular párrafos con texto creciente:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>kseso? jugando con css</title>
<style type="text/css">
* {margin: 0; padding: 0; border: 0; outline: none; position: relative;}
html, body {
background-color: #cdcdcd;
}
body{font-size:1em;}
p {font-size: 1em; }
p span {font-size:2em; display:block;}
p span span {font-size:2em;}
</style>
</head>
<body>
<p>el primer párrafo
<span>el segundo "párrafo" simulado
<span>el tercer "párrafo" aparente
<span>y un cuarto ¿párrafo?
<span>y un quinto
</span></span></span></span>
</p>  
</body>
</html>