So, our knowledge of web design is growing. As our knowledge grows, our web pages grow too! It's like teething - things are growing!

We know that the structore of a webpage can be described as follows:

• Every webpage has two html tags, one which opens the html section and one which closes it.
• Inside the html section there is a head section.
• After the head section there is a body section.
• We include elements in the body section. Tags allow us to define what kind of elements they are eg h1, p, img.
• We can style elements inline using the style attribute. We put CSS into the style attribute.
• Another way to style tags is to create a style section inside the head section. We put CSS into the style section.
• We need to be careful with the punctuation of web design! There are lots of <       >       :      ;      {       and      }

For example, we want h1 tags and img tags to have a left margin of 40px.

Or we want some of our images to have a red border, but not all of them?

We have created a CSS rule in the style section of the webpage. We know it is a rule and not a tag style because it starts with a .

We can now apply the rule to any element in the body section of our webpage. We just need to use the class attribute:

When you apply the rule, use the class attribute, then the browser knows it is a CSS rule. So, you don't need to use the . when applying the rule.