Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

07 Haga lo que hicimos en aula

respuesta puntos 1 y 2
1 - Estiliza tú HTML

En esta lección, aprendimos que con CSS podemos seleccionar elementos de HTML y asignar propiedades de CSS dentro de llaves para estilizar estos elementos.

Lo hicimos asignando un color de fondo negro a la etiqueta

a través de la propiedad background-color y cambiamos el color del texto a blanco utilizando la propiedad color, de la siguiente manera:

body{
background-color: black;
color: white;
}
Copia el código
Ahora que ya sabes cómo crear una hoja de estilo para tu página HTML, es el momento de aplicar lo que aprendiste en esta lección. Modifica el estilo de la etiqueta

, prueba nuevos colores para el fondo y el texto, ¡y personaliza el proyecto a tu gusto! =)

No olvides aplicar la etiqueta dentro de la etiqueta

en tu archivo HTML para que tu estilo funcione correctamente.
respuesta
Archivo HTML:

<!DOCTYPE html>

¡Hola, mundo en Desarrollo Web!

Este es un párrafo de ejemplo.

**
Archivo CSS (style.css):**
body {
background-color: darkblue; /* Puedes cambiar este color /
color: yellow; /
Puedes cambiar este color */
}

2 - Practicando cómo utilizar el CSS
  1. Creando y vinculando el archivo CSS

Vas a crear un archivo CSS llamado style.css para estilizar una página web. Después de crear el archivo, tu objetivo es vincular este archivo CSS al HTML. Para lograrlo, usarás la etiqueta dentro de la etiqueta

del documento HTML, especificando la ruta del archivo CSS. Este proceso es crucial para que los estilos definidos en CSS se apliquen a la página HTML.
2) Definiendo estilos básicos

En el archivo CSS, define el color de fondo del cuerpo de la página (

) como índigo (indigo) y el color del texto como blanco (white). Guarda los cambios y verifica en el navegador si el fondo de la página es índigo y el texto es blanco.
**
Archivo CSS:**
body {
background-color: indigo;
color: white;
}
1 respuesta

¡Hola Ernesto, espero que estés bien!

Parece que estás en buen camino con tus ejercicios de HTML y CSS. Has hecho un buen trabajo vinculando tu archivo CSS al HTML y aplicando estilos básicos. Aquí tienes algunos consejos para asegurarte de que todo funcione correctamente:

  1. Verifica el vínculo CSS: Asegúrate de que la ruta al archivo style.css en tu etiqueta <link> sea correcta. Si el archivo CSS está en la misma carpeta que tu archivo HTML, la ruta que has utilizado es correcta.

  2. Prueba diferentes estilos: Ya has cambiado los colores de fondo y de texto en tu archivo CSS. Puedes seguir experimentando con otros colores para ver cómo cambian la apariencia de tu página. Por ejemplo:

    body {
        background-color: lightcoral;
        color: navy;
    }
    
  3. Visualiza los cambios: Después de hacer cambios en tu archivo CSS, asegúrate de guardar los archivos y recargar tu página en el navegador para ver los efectos.

  4. Explora más propiedades CSS: Además de background-color y color, puedes experimentar con otras propiedades como font-size, font-family, margin, padding, etc., para personalizar aún más tu página.

Si sigues estos pasos y continúas practicando, verás cómo tu comprensión y habilidades con CSS mejoran rápidamente.

Espero haber ayudado y ¡buenos estudios!