Practice-based Basic CSS

On Friday 21 September, we started learning about how to use CSS. We went over the following styles - click on any of the concepts to learn more about them if you are stuck:

• Connecting your CSS to your HTML (<link href="style.css">)

• CSS Syntax and Selecting Elements (p{}, h1{}, a{}...)

• Grouping Selectors (p, a, li {})

• Background Colours and Text Colours (background-color, color)

Click here to access the code from this lesson!

On Tuesday 25 September, we continued learning about how to use CSS. We went over the following styles - click on any of the concepts to learn more about them if you are stuck:

• Font family (font-family)

• Font Size (font-size)

• Sizing Images (img { width })

• Borders (border-style, border-width)

Click here to access the code from this lesson!

On  Tuesday 16 October, we continued learning about how to use CSS. We went over the following styles - click on any of the concepts to learn more about them if you are stuck:

• "Aligning" Text to the Centre (text-align)

• "Aligning" Images to the Centre (<p><img ...></p>)

Please note that we did not learn the "best practice" way of aligning our images in the centre. If you would like more information about this, click here and here.

Click here to access the code from this lesson!