The Basics of Style

In my first tutorial, I covered the basics of building your first web page. However, at the end of that article, the result was bland and plain looking.

In this tutorial, we will go over the basics of style, expanding on the code we wrote originally. Feel free to download the source files to follow along as we go.

We will be spending most of our time writing CSS code. CSS (Cascading Style Sheets) is the language that describes the presentation of a document written in HTML.

For starters, we need to create our external style sheet file. Create a file called style.css in the same directory as your HTML document. An easy way to do this is to create a new TXT file and change the name/extension. Note that your operating system may warn you about changing file extensions, but this is ok.

This file is where we will put all of our CSS code, so we will be working primarily from this file. We will also be making a few minor changes to the HTML code to simplify things in the CSS.

Here is what I plan to cover in this post: