CSS

In this lesson we will learn some more CSS styles we can use to develop the look of our pages. By now we’re used to applying styles, and we have our own separate CSS file to add them to. I hope you’re beginning to have ideas of how you could make your personal webpages look…

In this lesson we will learn how to separate our CSS into separate files and load it using the <link> tag. So far we have been putting CSS straight into our HTML files using the <style> tag. However, we have seen that this has many disadvantages. If we have many pages on our site we…

In this lesson we learn about three of the most important CSS styles for positioning on our web pages: Padding, Border and Margin.In the last lesson we first learned about ‘padding’ and saw how it adds extra space to the inside of a HTML element. Let’s look at this now in more detail. This may…

In this lesson we learn some styles we can apply with CSS to make text on our websites more visually attractive. Let’s make some changes to the CSS in our sample website so we can learn some new CSS styles. Use the buttons below to navigate through the lesson (If you don’t have a sample…

We have seen that CSS is a list of rules that tell our browser how to display the HTML, and we have looked at how rules are formed. Let’s look in more detail now at selectors. In this lesson we learn about one of the main parts of a CSS rule: CSS selectors. Use the…

This is the third part of a series in which we learn how to make websites. If you haven’t completed Part Two then you should do that first. In Part Two we made a very simple website consisting of a couple of HTML files on our own computers – you’ll need that website to continue,…