El documento explica cómo crear la estructura básica HTML y hojas de estilo CSS para un formulario de contacto. Se describe cómo crear archivos HTML y CSS por separado y vincularlos, y luego agregar selectores y código CSS para dar formato a elementos como etiquetas, cajas de texto, áreas de texto y botones de envío con propiedades como bordes, rellenos, márgenes, colores de fondo y degradados.

1. Profesor: Everardo Juárez Pedraza

2. Estructura HTML
Para empezar copiamos el siguiente código en el bloc de notas, que
viene siendo la estructura HTML base.

3. Ya que este en el bloc de notas
guardamos el archivo como
index.html:

4. HOJAS DE ESTILO
Abrimos otra vez el bloc de notas en blanco, le ponemos de
nombre estilos.css y lo guardamos en la misma carpeta en donde
esta el .html
Copiamos el siguiente código que define las propiedades de
fuente, color de fondo y longitud del body:

5. Hacemos un selector para el formulario (.contacto) y le
definimos border, border-radius, padding, margin, y color de
fondo:

6. Luego hacemos selectores para label y div y ponemos el
siguiente código:

7. CAJAS DE TEXTO
Para las cajas de textos usamos selectores múltiples, para los
input y para el textarea:

8. BOTON DE ENVIO
Por ultimo para el botón de envió usaremos estilos similares a
los de las cajas de textos, pero además va a tener bordes
redondeados, sombra al texto y para el background le
pondremos degradados CSS3:

9. CODIGO FINAL CSS

10. Continuación…