Uppgift på CSS

Din uppgift är att skapa ett externt CSS-dokument som formaterar ett på förhand givet HTML5-dokument.
Följande instruktioner gäller:

Följande gäller för sidan och ingående delars layout: Allmänt

Sidans indelning

Förutom detta ska ingen annan formatering göras.

Betyg
Denna uppgift bedöms med betyget E eller F.
Lycka till!

HTML kod

<!DOCTYPE html>
<html lang="sv">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <title>CSS-uppgift</title>
    </head>
    <body>
        <article>
            <header>
                <h1>En liten sida om Cascading Stylesheets</h1>
            </header>
            <section>
                <h2>Vad är CSS?</h2>
                <p>CSS är ett språk som tillåter formatering av webbsidor med avseende på:</p>
                <ul>
                    <li>Typsnitt</li>
                    <li>Färg</li>
                    <li>Positionerna av en sidas olika delar</li>
                    <li>och mycket annat</li>
                </ul>
            </section>
            <section>
                <h2>Något om färghantering i CSS</h2>
                <p>När man skall ange färgen för ett element används vanligtvis hexadecimala siffror. Nedan följer en kort översättning av några vanliga färgvärden från dess decimala representation till motsvarande hexadecimala representation.</p>
                <table>
                    <tr>
                        <th>Färgnamn</th>
                        <th>Decimalt (R, G, B)</th>
                        <th>Hexadecimalt (RGB)</th>
                    </tr>
                    <tr>
                        <td>Röd</td>
                        <td class="number">255, 0, 0</td>
                        <td class="number">ff0000</td>
                    </tr>
                    <tr>
                        <td>Blå</td>
                        <td class="number">0, 0, 255</td>
                        <td class="number">0000ff</td>
                    </tr>
                    <tr>
                        <td>Svart</td>
                        <td class="number">0, 0, 0</td>
                        <td class="number">000000</td>
                    </tr>
                    <tr>
                        <td>Vit</td>
                        <td class="number">255, 255, 255</td>
                        <td class="number">ffffff</td>
                    </tr>
                </table>
            </section>
            <section>
                <h2>Vad är Lorem Ipsum?</h2>
                <p>Lorem ipsum är en textmassa som har använts av typsättare sedan boktryckarkonstens utvecklades. Syftet med denna text är att kunna göra bedömningar av layout utan att påverkas av textinnehållet. Denna textmassa har överlevt genom århundranden och fått en renässans i och med webbens tillkomst. Nedan följer ett exempel på denna textmassa. </p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur enim a urna luctus et scelerisque urna congue. Aenean laoreet enim ac odio commodo sit amet varius arcu elementum. Nam vehicula odio in lorem dictum fringilla. Cras eget lorem risus. Integer accumsan semper justo vitae imperdiet. In fringilla, odio a accumsan luctus, dui turpis volutpat tortor, eget ullamcorper ipsum velit non turpis. Aliquam venenatis, libero eu auctor dignissim, tellus lorem placerat nisi, a tempus urna odio id tellus. Morbi sit amet leo quis nunc lobortis ultrices in blandit turpis. Mauris mattis, arcu id gravida eleifend, purus nibh posuere dolor, vitae aliquam lacus ligula ac ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis nec facilisis ligula. Phasellus metus velit, ultricies vel pellentesque ac, lacinia ac turpis. Aliquam scelerisque mauris at metus tempor et facilisis enim aliquam. Cras volutpat justo ut tellus eleifend nec mollis ipsum porttitor.</p>
            </section>
            <footer>
                <p>Validator för <a href ="http://jigsaw.w3.org/css-validator/">CSS</a></p>
            </footer>
        </article>
    </body>
</html>