Ejercicio 1 - Estilos Básicos con Temática de Restaurante Elegante
Descripción
Este ejercicio tiene como objetivo aplicar estilos básicos al documento HTML del restaurante Gusteau's, incorporando un diseño elegante y acogedor típico de los bistros parisinos.
Tareas:
[x] Configurar el Contenedor General (#contenedor):
[x] Establecer el color de fondo a #fff8f0 (un tono suave de crema).
[x] Definir el tipo de letra como 'Times New Roman', serif.
[x] Ajustar el tamaño del texto a 16px.
[x] Diseñar el Encabezado (div.encabezado):
[x] Utilizar la imagen de cabecera del restaurante como fondo.
[x] Configurar el color del texto a #5a3e36 (marrón oscuro).
[x] Seleccionar el tipo de letra 'Georgia', serif.
[x] Establecer el tamaño del texto a 36px.
[x] Alinear el texto al centro.
[x] Ajustar la altura al tamaño de la imagen de cabecera.
[x] Estilizar el Menú de Navegación (div.menu ul li a):
[x] Fijar el color de fondo en #a77e58 (tono marrón claro).
[x] Definir el color del texto como #ffffff (blanco).
[x] Usar el tipo de letra 'Helvetica', sans-serif.
[x] Establecer el tamaño del texto en 18px.
[x] Agregar una transición suave al cambiar el color al pasar el mouse a #8b6f47.
[x] Dar estilo al Contenido Principal (div.contenido):
[x] Configurar el color de fondo a #fff8f0.
[x] Definir el color del texto como #5a3e36.
[x] Seleccionar el tipo de letra 'Georgia', serif.
[x] Establecer el tamaño del texto a 18px.
[x] Personalizar la Barra Lateral (div.sidebar):
[x] Establecer el color de fondo en #ecdcc6 (un tono crema más claro).
[x] Definir el color del texto como #5a3e36.
[x] Utilizar el tipo de letra 'Georgia', serif.
[x] Establecer el tamaño del texto en 18px.
[x] Diseñar el Pie de Página (div.pie):
[x] Fijar el color de fondo en #a77e58.
[x] Configurar el color del texto como #ffffff.
[x] Seleccionar el tipo de letra 'Helvetica', sans-serif.
[x] Establecer el tamaño del texto en 16px.
[x] Alinear el texto al centro.
Instrucciones Adicionales:
Asegúrate de que todos los elementos tengan un margen y un padding adecuados para una presentación limpia y elegante.
Manten una coherencia estilística que refleje la elegancia y sofisticación de un restaurante parisino.
Referencias:
Puedes consultar la documentación de CSS en Mozilla Developer Network (MDN) para obtener información detallada sobre las propiedades y valores de estilo CSS.
CarlosGarciaRomero
commented
8 months ago
Ejercicio 1 - Estilos Básicos con Temática de Restaurante Elegante
Descripción
Este ejercicio tiene como objetivo aplicar estilos básicos al documento HTML del restaurante Gusteau's, incorporando un diseño elegante y acogedor típico de los bistros parisinos.
Tareas:
[x] Configurar el Contenedor General (#contenedor):
#fff8f0(un tono suave de crema).'Times New Roman', serif.16px.[x] Diseñar el Encabezado (div.encabezado):
#5a3e36(marrón oscuro).'Georgia', serif.36px.[x] Estilizar el Menú de Navegación (div.menu ul li a):
#a77e58(tono marrón claro).#ffffff(blanco).'Helvetica', sans-serif.18px.#8b6f47.[x] Dar estilo al Contenido Principal (div.contenido):
#fff8f0.#5a3e36.'Georgia', serif.18px.[x] Personalizar la Barra Lateral (div.sidebar):
#ecdcc6(un tono crema más claro).#5a3e36.'Georgia', serif.18px.[x] Diseñar el Pie de Página (div.pie):
#a77e58.#ffffff.'Helvetica', sans-serif.16px.Instrucciones Adicionales:
Referencias:
¡Buena suerte con el ejercicio! Si tienes alguna pregunta o necesitan ayuda adicional, no dudes en comentar esta issue.