Haga lo que hicimos en aula

1. Creando y vinculando el archivo CSS

1. Definiendo estilos básicos

   body { background-color: indigo; color: white;

}

1. Estilizando con colores y formatos

   body { background-color: lightgray; color: black; font-family: Arial, sans-serif;

}

h1 { color: darkblue; text-align: center; border-bottom: 2px solid darkblue; padding-bottom: 10px; }

p { color: black; font-size: 18px; line-height: 1.6; margin: 20px 0; }

button { background-color: darkblue; color: white; padding: 10px 20px; border: none; cursor: pointer; font-size: 16px; }

1. Personalizando la página con CSS

   body { background-color: #f0f8ff; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

header { background-color: #4682b4; color: white; text-align: center; padding: 20px 0; }

p { color: #555; font-size: 16px; margin: 20px 40px; }

footer { background-color: #4682b4; color: white; text-align: center; padding: 10px 0; position: fixed; width: 100%; bottom: 0; }

1. Aplicando estilos con CSS

   FORMAL body { background-color: white; color: black; font-family: 'Times New Roman', Times, serif;

}

h1 { color: navy; text-align: center; font-size: 2em; }

p { font-size: 18px; line-height: 1.5; margin: 20px 40px; }

COLORIDO
body {
background-color: lightyellow;
color: darkred;
font-family: 'Comic Sans MS', cursive, sans-serif;

}

h1 { color: orange; text-align: center; font-size: 2em; }

p { font-size: 18px; line-height: 1.5; margin: 20px 40px; }

MINIMALISTA
body {
background-color: white;
color: black;
font-family: Arial, sans-serif;

}

h1 { color: black; text-align: center; font-size: 2em; }

p { font-size: 18px; line-height: 1.5; margin: 20px 40px; }