Dúvida com relação a tags <h1>, <h2> e <p>

Jackass89 · 18/07/2014

Hola, Betas!, estuve Googleando y solo me encontré con información algo desactualizada. Asíque voy a recurrir a ustedes 😀
Primero que nada, si tengo un sitio web, en el style.css ¿poniendo lo siguiente está bien?:

Inserir CODE, HTML ou PHP:

h1{font-size:15px; margin: 8px 0px 0px 0px;}
h2{font-size: 12px; margin: 8px 0px 0px 0px;}
p {margin: 0px; padding: 0px; color:#000000;}

mas allá de las propiedades de cada una, me refiero a si escribiendolas una vez sola en la hoja de estilo ya es suficiente o cada elemento div tiene una etiqueta aparte.

ismadobe · 18/07/2014

Todo depende de lo que quieras. Según entiendo la pregunta, puedes establecer clases y darles las propiedades en la hoja de estilos. Por ejemplo: Un sitio de comidas y la divides en varios tipos: pescado, pan, chocolate, bebidas ... lo que sea xD. Luego,
p.pescado {font-size: 16px; font-family: verdana, etc...} , ya vos sabras en tu diseño que es lo que quieres hacer.

PD: Asi como está funciona. Solo que a todos los parrafos tendian el mismo estilo. Para los h1,h2 no hay grán cosa que hacer por que se supone que ha de ser igual en todo el documento.

Jackass89 · 18/07/2014

ismadobe disse:
Todo depende de lo que quieras. Según entiendo la pregunta, puedes establecer clases y darles las propiedades en la hoja de estilos. Por ejemplo: Un sitio de comidas y la divides en varios tipos: pescado, pan, chocolate, bebidas ... lo que sea xD. Luego,
p.pescado {font-size: 16px; font-family: verdana, etc...} , ya vos sabras en tu diseño que es lo que quieres hacer.

PD: Asi como está funciona. Solo que a todos los parrafos tendian el mismo estilo. Para los h1,h2 no hay grán cosa que hacer por que se supone que ha de ser igual en todo el documento.

Gracias por tu respuesta!!, entiendo!. Entonces tener así es correcto?

Inserir CODE, HTML ou PHP:

h1{font-size:15px; margin: 8px 0px 0px 0px;}
h2{font-size: 12px; margin: 8px 0px 0px 0px;}
h2 span.num{font-size: 10px;}
h2 span.firstname{color: black; font-size: 14px;}
h2 span.lastname{color: black; font-size: 13px;}
h2 span.film_info{color: black; font-size: 12px;}

y en el código PHP tengo:

Inserir CODE, HTML ou PHP:

<h2>
	<span class="num"><?php echo $row['id']?>.</span>
	<span class="firstname"><?php echo $row['first_name'].' - '?></span>
	<span class="lastname"><?php echo $row['last_name']?></span>									
</h2>

no me afectaría nada con respecto al SEO, cierto? :O

Geophertz · 18/07/2014

Te recomiendo leer éste enlace ya que seguramente resolverá bastantes dudas que puedes tener al iniciarte con CSS.

Dúvida com relação a tags <h1>, <h2> e <p>

Jackass89

ismadobe

Jackass89

Geophertz

Tópicos similares