Learn to Create WordPress Themes by Building 5 Projects

Adding CSS

We will now see how adding CSS makes our page look a lot better. We have our style.css created; to it, let's add the body, as shown in the following code block:

body{    font-family: Arial;    color: #333;    margin:0;    padding:0;}

Here, we have just added a font-family of Arial; the color of the text is going to be a really dark gray. We have set the body margin to 0 and the padding to 0.

Let's start with some core styles for the unordered list. I want to just take off the margin and the padding, using the following code:

ul{    margin:0;    padding:0;}

Now let's add the links or the a tags, as shown in the following code:

a{    color:#009acd;    text-decoration:none;}a:hover{    color:#333;}.container{    width:960px;    margin:auto;    overflow:auto;}header{ ...