css para h1

walter1 · #1 (**permalink**) 22/03/2008, 12:24

hola !
es una pequenia consulta, no se por que no puede tratar con CSS el h1 y h2 de titulos, yo lo etiqueto cnon css pero no cambia, queda con el mismo tamaño como si no existiera,

alguien pude decirme un CODIGO bien escrito para que no tengas errores?

gracias !!

WALTER

webosiris · #2 (**permalink**) 22/03/2008, 12:29

h1{font-size:45px}

aloqui · #3 (**permalink**) 22/03/2008, 13:17

Es posible que el CSS no los estés poniendolo dentro del <head>
Debería ser algo así:

Código:

<html>
<head>
<style type="text/css">
h1 {font-size:14px; background-color: yellow; }
h2 {font-size:12px; background-color: pink; }
</style>
</head>
<body>
  <h1>Título 1</h1>
  <h2>Título 1</h2>
</body>
</html>

KnxDT · #4 (**permalink**) 22/03/2008, 22:10

El último código me parece correcto aunque si planeas agrandar más tu CSS personalizando variados detalles es conveniente que tengas otro documento: style.css, por ejemplo, y alli hagas todas las inserciones del código. Luego la llamas algo asi:

<link rel="stylesheet" href="url_style.css" type="text/css" media="screen" />

Antes del </head>

walter1 · #5 (**permalink**) 23/03/2008, 05:34

excelentee !!!! graciass

pongan este post en FAQ, es un master .

Lo probe y algo me falla si lo pongo en un archivo aparte .css

seria asi? por ej
.h1 {font-size:14px; color: #000000; }
.h2 {font-size:12px; color: #000000; }

el tema que si lo pongo asi,, despues para que funcione tengo que poner el span dentro asi
<h1><span class="h1">Título </span></h1>

y a veces el dreamweaver me pone asi el codigo
<h1 class="h1">titulo</h1>

SON CORRECTOS los 2 ultimos?

y me esta quedando un ALTURA ENTRE LINEAS distintas para IE y FIREFOX, si el titulo va en 2 lineas..

saben como se compensa para uno y otro navegador ?

walter1 · #6 (**permalink**) 23/03/2008, 05:38

otra pregunta, ahora que lo pienso mejor..

pero google que termina leyendo y dandole valor ? al H1 o el efecto del CSS ?

igual queda para google que ese titulo es importante porque tiene h1 o lo minimiza porque paso a menor tamaño con el css ?

aloqui · #7 (**permalink**) 23/03/2008, 06:09

Cita:

Iniciado por walter1

otra pregunta, ahora que lo pienso mejor..

pero google que termina leyendo y dandole valor ? al H1 o el efecto del CSS ?

igual queda para google que ese titulo es importante porque tiene h1 o lo minimiza porque paso a menor tamaño con el css ?

Se ha discutido ya sobre ése asunto en éste thread: http://www.forosdelweb.com/f64/h1-di...nta-no-493967/

Rudy_Guillan · #8 (**permalink**) 23/03/2008, 06:42

El punto (.) antes del elemento indica que te estás refiriendo a una clase. La almohadilla (#) indica una ID. Para una etiqueta no se pone nada. Así, tu código estaría mejor así:

h1 {font-size:14px; color: #000000; }
h2 {font-size:12px; color: #000000; }

Respecto a tu otra pregunta, Google NO lee CSS (al menos que se sepa).

Saludos.

walter1 · #9 (**permalink**) 23/03/2008, 06:47

rudy gracias.. .......soy un pre-novato :P

el tema es que tengo los CSS en archivo aparte. .css...

no deberian tener el punto adelante del elemento? probe sacando el punto y desaparecieron.
todos los elementos que tengo dentro del archivo, estilos.css tienen el punto adelante.

PedroRodas · #10 (**permalink**) 23/03/2008, 07:18

aunque lo tengas en un archivo aparte .css, si usas el punto (.) es para referirse a una class, la almohadilla (#) para ID, y solo la etiqueta (por ejemplo <h1>) para todas las etiquetas <h1>.

walter1 · #11 (**permalink**) 23/03/2008, 07:29

Pedro ...graciass!!

no se que es almohadilla, e ID,, creo que necesito ver un tutorial.

yo lo unico que hize fue usar dreamweaver, y m e guarda todo con esos puntos

no sabes como arreglar el problema del INTERLINEADO que se vea igual apra IE y Firefox ? me dan muy diferentes

NUCKLEAR · #12 (**permalink**) 23/03/2008, 07:53

Definitivamente necesitas leer un tutorial o algun manual aca hay uno muy buenos
www.librosweb.es
Saludos