Desarrollo Web y Estilos CSS: Estructura HTML y Diseño Responsivo
Acciones para la Sostenibilidad Tecnológica
Implementación de buenas prácticas en el desarrollo y uso de tecnologías:
- Reducir el consumo de plástico.
- Fomentar el reciclaje.
- Utilizar energías renovables.
- Apostar por el transporte sostenible.
Hojas de Estilo CSS
body { font-family: Arial, sans-serif; font-size: 14px; color: #222; } /* CABECERA */ header { background-color: #333; color: white; text-align: center; padding: 20px; } /* MENÚ DE NAVEGACIÓN */ nav { background-color: #555; } nav ul { display: flex; justify-content: center; list-style: none; gap: 30px; padding: 8px 0; } nav ul li a { color: white; text-decoration: none; font-size: 14px; } nav ul li a:hover { text-decoration: underline; } /* CONTENIDO PRINCIPAL: dos columnas */ .contenido-principal { display: flex; gap: 15px; padding: 15px; align-items: flex-start; } .columna-izquierda { flex: 2; display: flex; flex-direction: column; gap: 15px; } .columna-derecha { flex: 1; } /* BLOQUES */ .bloque { border: 1px solid #ccc; padding: 15px; background-color: #fff; } .bloque h2 { font-size: 18px; margin-bottom: 10px; } .bloque p { margin-bottom: 10px; line-height: 1.5; } .bloque ul { margin: 10px 0 10px 20px; } .bloque ul li { margin-bottom: 5px; } /* IMÁGENES */ figure { margin-top: 10px; } figure img { width: 100%; height: auto; } figcaption { color: #555; margin-top: 4px; }