Under Construction

The development of this course is currently in progress. Some lessons and modules are incomplete.

Subscribe to be notified when the content is complete

Make things look nice using CSS

We've got some content and structure on our site. Now let's make it look nice. To do that we're going to use CSS - the styling language of the browser.

Step 1: Add a style tag

  1. The first thing we'll do is add a style tag in the head of the html document

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    // index.html
    <html>
      <head>
      	<style>
        </style>
      </head>
      <body>
        <nav>
          <ul>
            <li>Home</li>
            <li>About</li>
          </ul>
        </nav>
        <main>
        ...
      </body>
    </html>

Step 2: Style the Nav