Tarea #03: Primeras reglas CSS

Objetivos

Enlazar una hoja de estilos CSS a una página Web
Utilizar las primeras reglas CSS: centrado y colores

Ejecicio

Crea dos archivos: uno index.html y otro estilos.css, con tu editor de código
Coloca un color de fondo y un color de letras
Crea una carpeta con estructura básica web y dentro de ella incluye los archivos anteriores


<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="(cc) 3con14" />
    <title>Título</title>
    <link rel="stylesheet" href="/css/estilos.css">
</head>
<body>
    <div id="container">
        <h1>¡Hola, mundo!</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat hic at aspernatur dolorem eos non aliquid impedit deleniti? Inventore aliquid fugit delectus necessitatibus incidunt nihil rem similique ullam reiciendis officia officiis quia non, accusamus dolorem atque, tempora obcaecati perspiciatis blanditiis a ab quis repudiandae? Magni dolorem rem debitis fugiat saepe repellat consequatur ratione, laborum fugit impedit vel nemo nobis sit magnam reiciendis labore! Aliquid officiis eligendi debitis aperiam voluptate labore ut consequuntur dignissimos sit, assumenda deserunt, quos ea perspiciatis corporis minus minima harum amet quo rerum sed sequi placeat ratione voluptas vel? Doloribus voluptates maxime sapiente vel quod, neque eveniet.</p>
    </div>
</body>
</html>

Código CSS


* {
    margin     : 0;
    padding    : 0;
    box-sizing : border-box;
}

html {
    font: 18px verdana, sans-serif;
}
body {
    background-color: #789;
}
h1 {
    color   : #fff;
    padding : 1em 0;
}
#container {
    max-width : 100vw;
    width     : 90%;
    margin    : 2em auto;
}

Coloca dentro de las etiquetas de cabecera head la siguiente etiqueta:

Comprime, con 7zip, toda la carpeta y guárdala en tu tarjeta de memoria y en una nube (Drive o onDrive) con el nombre tarea_03. Más tarde la enviarás al Aula Virtual.

Etiquetas: 1ª Evaluación, CSS

Tarea #03: Primeras reglas CSS

Objetivos

Ejemplo de como podría quedar tu tarea

Código HTML

Código CSS