Welcome back.
Before we finish off this section, I wanted to show you one last thing, and that is up until this
point, we've used pixels quite a lot.
But there's two other options that we can actually use.
So let's remove our box models for now.
And instead, let's create some paragraphs, so using our long shorthand.
And let's close this off, perfect, let's say that we also wanted to have another paragraph that says
introduction.
Save and refresh.
And there you go, we have our paragraph now, if we wanted to add some class to this paragraph, we
can just go in here and we don't need the box model so we can delete that.
We can do something like P and let's do font size and font size.
I've shown you that we can do percentages, but you can also do pixels.
So let's do 20 pixels, save and refresh and we have pixels.
OK, so let's say I want lorem Epsom to be a little bit bigger.
Can use spane.
Again, that's kind of like the tag that you've seen before.
It's just good for inline.
So again, this way we can add styles, so I save that, go to styles, and now we can select spane
and we can do something like this.
We can do font size.
Five year.
I refresh, so what it's saying is we want the font size to be equal to five times the containing element,
which is 20 pixels, because if you remember where inside of a P tag.
Just to show you that that is right, if I do one hundred pixels and save and refresh, it's the same.
So Emmas is kind of nice because if I do something like two ETM and refresh, well, if I change this
to 10 pixels and I refresh, this always stays relative to the one.
Other one I want to show you is.
Ah, yeah.
And that is the size in relation to the size of the root element.
What is the root element.
Well it's the HTML, so whatever the document is, it's always going to be twice as big.
So if I do five refresh, that's great.
But if I change the font size over here to five.
That won't be affected at all.
Good job getting this far in the course.
I know I've thrown a lot of properties and selectors are you?
But I promise in the next section we're going to start building some real websites and have fun with
all this knowledge can wait see in the next one.
Bye bye.