Haga lo que hicimos en aula | HTML y CSS: ambientes de desarrollo, estructura de archivos y tags | Alura Latam

Creando y vinculando el archivo CSS

<!DOCTYPE html>
<html lang="es-mex">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portafolio</title>
    <link rel="stylesheet" href="style.css">
</head>

Definiendo estilos básicos

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

Estilizando con colores y formatos

Personalizando la página con CSS

Aplicando estilos con CSS

h1{
    font-family: 'Arial', sans-serif;
    font-size: 2.5em;
    color: lightblue;
    text-align: center;
}



p {
    font-family: 'Georgia', serif;
    font-size: 1.2em;
    line-height: 1.6;
    text-align: justify;
    margin: 20px;
}



img {
    display: block;
    margin: 20px auto;
    border-radius: 10px;
    max-width: 100%;
}



footer {
    background-color: darkslategray;
    padding: 10px;
    text-align: center;
    font-size: 0.9em;
    color: lightpink;
}

Personalizando enlaces

a {
    color: #00bcd4;
    text-decoration: none;
    font-weight: bold;
}


a:hover {
    color: #ff5722;
    text-decoration: underline;
}