CSS Practice

In class we were asked to play around with CSS coding. We chose to build on the website we had designed yesterday.

We created a style in CSS for our header's font.

We emphasised select words in our body copy using HTML.

We made the padding smaller on our text container.

We looked on 'w3schools' to find out how to make our link to our blog open in a new tab not the tab that the website was open on.

Yay! It worked.

We also found out how to make the links change colour when the cursor hovered over them.

We added some more images to our main page.

Matt informed us that you should do things like the sizing of images  in your CSS style sheet - not in your HTML code.
We tried to work out how to do this ourselves as 'w3schools' didn't have anything about it and 'Mozilla Developer' was too advanced to have something so simple as a tutorial.

The new HTML code with the links to the new CSS code.

Matt reviewed our new CSS coding and helped us improve it so that it matched what is done in common practice.