Diseño y Maquetado Web xHTML y CSS con Adobe Photoshop CS3

Leyendo los cursos hay algo que no entendí todavía:

1- Cual es la diferencia entre Class y ID??

2- Cuando en mi hoja de estilo pongo .hi { no? Y en mi documento de html que pongo?? como pongo que esa clase o id sea para determinado texto???

3- Como se ponen imágenes de fondo?? No colores imágenes, y cual era la web que tenia los códigos de los colores?

 

1) Class y ID, mira que fácil.

Tu sos de la clases humano.

Tu te llamas Oops.

Class te agrupa como humano, ID te llama por tu nombre.

2) Si usas en CSS:

#hi

en html usas id="hi"

si usas en CSS:

.hi

en html usas class="hi"

si usas en CSS un nombre de tag, ejemplo div

div {
font-size: 12px;
}

en html los DIVs usaran letras tamaño 12.

3) Las imagenes de fondo se ponen asi:

background: url(carpeta y archivo de la imagen);

al final puedes agregar no-repeat para que no se repita, si la imagen mide 20 x 20 y tu contenedor 40x40 de no indicarle eso rellena duplicando. También puedes indicar top, bottom, left, rigth para indicar la ubicación del fondo dentro del contenedor.

 

Pero no entiendo porque si pongo .body { eso que representa??

 

representa un error

 

y como se pone no entiendo

 

Buenas, me acabo de iniciar en la creacion de web diseñando con photoshop. Al crear una web, se me plantea un problema el cual es el que tengo ahora mismo.
Bien, mi problema es que teniendo el theme creado para la web, hice un rectangulo para meter lo que es contenido y la informacion de mi web, pero ese rectangulo tiene unas medidas fijas y al intentar agrandarlo (para introducir mas contenido hacia abajo) desde dreamweaver, se me mueven todas las imagenes que componen el theme creado con photoshop.Mi cuestion es, hay alguna forma para alargar todo el theme??? gracias y espero sus respuestas con impaciencia. si quereis ver la estructura que quiero que tome la pagina, la direccion es lopezbarba.iespana.es (Por si quereis haceros una idea.) Un saludo

 

Nadie responde??? .................. ????