This is where we left in the previous video by implementing the inline styling.
In this video, let's talk about the embedded or the internal styling.
Well, I'm going to copy this and I'm going to change this one to internal dot HTML.
And I'm going to work on this one.
So I'm going to remove the inline CSS from here.
Likewise.
This one.
And now let's see how we are going to implement the embedded or the internal.
I'm going to open this one also.
And it has opened here as that, which is this because now we have removed the CSS.
So how are we going to achieve the same effect as before using the embedded or the internal?
For this one?
We are going to write it inside the head tag here.
So I'll come down here and I'll provide the style.
As that and we are going to specify the property and then the value.
Let's say we want to change the color of each one.
Then we will target the H.
One element, as you saw for the syntax of CSS, then the curly braces here, then the property that
we want to change.
You want to change the color and I will say blue.
With this one after saving, as you can see, we have blue.
And if I want to change the p tag here, I'm going to target the P as my selector and curly braces.
And the color for this one was blue violet.
Now, indeed it is Violet.
I can also add multiple properties here.
I will say the font size.
I will say 50 pixels.
Save it.
And indeed it is 50 pixels.
So for this one and then the inline, as you can see, this is the recommended one over the inline because
for this we have some separation of concern without messing up with the HTML itself here.
But we have the most recommended one.
That is what I'm going to show you in the next video.