CSS

CSS has been mentioned a lot but what exactly is it? Also, Aria discovers her favourite colour.

Now that Aria has found her favourite colour, we can finally start to add some CSS to individual HTML elements.

Here we learn about another way of adding CSS code and Aria learns that leaving a mess in your code, just like in life, is never a good idea.

Aria learns how to clean up her mess. Unfortunately, this only applies to her code and not her litter tray.

Aria learns that just because she sits where she wants, the text on her website can't.

In this lesson, we learn how to control the size of your font on your website. From tiny text for kittens to big words for big paws. I also give Aria a scare over my shopping list.

Aria was a bit wobbly after having just returned from the vets, which reminded me of our the next CSS property we had to cover.

Here we learn how to set how tall our HTML elements are and that there are boxes that are too small, even for her to nap in.

After talking about height, it makes sense that we talk about setting width using CSS. Unfortunately, Aria thinks I am trying to hint at a, well, a wider issue.

I really am not trying to give Aria a complex! Now we talk about font weight and Aria confuses boldness with having no hair.

Now we can finally look at picking a font for your website. There's lots to choose from.

Aria enjoys having some space around her when she naps; especially on the sofa. And guess what! So do HTML elements.

Colours are so important for personalising your website. But there are so many ways to define each colour. We quickly learn Aria's favourite colour, and yes, it is food related.

Now we know all about colours, lets look at the what difference the background colour makes to our web pages. Aria get distracted by a blanket that doesn't exist and some tasty looking boxes.

Sometimes, and it's nobody's fault, things just get too big. No I'm not talking about Aria and her eating habits. I'm talking about pictures and divs mainly. Honest.

Aria is very keen on learning how to set a minimum size of her photos. Otherwise they might be too small to properly see her face! She's less keen after I talk about an example related to the V E T S.

This lesson is about padding and how it is different to using margins in CSS. We also revisit Aria's favourite reminder: Tired. Rub Belly Lots.

Here Aria learns how to change the colour of the text on her website. Which is good opportunity for her to revisit her favourite colour: Salmon.

Aria is very keen on setting borders around areas where she naps. And now she can do it with her HTML elements.

We know Aria loves a good box. With borders she can put boxes around her HTML elements. But how about a more modern look.

Wow text decoration sounds very shiny and showy. Sorry, it's a bit underwhelming but well worth knowing.

Everyone has a favourite side of the sofa; Aria does and she won't share it. With the float property you can position HTML elements next to each. Hopefully after Aria and I will be able to position ourselves next to each other on the sofa, rather than her taking up the whole thing.

Aria likes to nap on anything unusual but sometimes she likes her comfortable things to be moved. It's time to look at the position property which helps you move your HTML elements and me move Aria's blankets.