Hello everyone and welcome back.
In today's video we will learn how to stylings.
We can use a general services as properties like font size color background color except like the outside
instrument needs.
Let's try some examples to understand it better.
So this is the code that got let's bring about good and here.
Let's give all back on color to our top bar.
So let's do that.
See background color.
Light blue let's save it.
Let's give it somebody say 24 pixels 48 pixels save it.
Let's remove this margin from the body dog.
So for that we can do something like this.
June 0 and save a
now coming back to this Lynx
so we need to start on multiple attachment elements so we can use.
Let's say menu item let's just copy this base did you hear that same old so because this is the glass
we need to use Dart.
So menu item let's increase the font size say 36 pixels.
Let's save it or let's say 24 pixels let's give it a margin right.
Say 24 pixels let's say that let's change the color say black and as you can see now our link has a
bigger font as a margin on the right and as a color black.
Now let's say we want to remove this underline.
So for that we can use a double body politics degradation so let's use that.
So this decoration say none.
Let's save it.
And as you can see the underlings are gone.
Now the extreme lengths have different states which are as follows.
So the first one is length.
So this is the state where link is not visited.
So it looks like the default state then the next one is whether this is listed when the link is mystics
or user clicked on the link and visited the page then you've got Hoover.
So this is a state where mouses were right on the link and then you've got the last one which is active.
So this investigation the link is linked that moment.
That's the state quite active let's try giving states with these developments states first.
We go to select our link so in our case menu item then we have to use Google and give the state name.
So let's say by default we've got the link so let's give it a color see blue let's save it.
And because these links are not listed by the user.
So these links are linked similarly.
Again let's select a link on let's give some states for dead so when someone visits these links don't
them to green
similarly let's try it for.
So when someone who was doing them red and then got active so let's like some states for that as well.
So a menu item.
Colon active let's say hello.
Google save it.
All right so as you can see by default these links are blue because I have not read these links.
Now when I hold the coalition to do great so I will hear on the Galapagos read.
And same goes for this one.
Then we've got active.
So when I click on this link it should don't do well.
So let's try that.
As you can see the link went to Google when I clicked on it.
On when I was at the link it should go green.
So I've opened a link and a new tab on this link went green.
Let's refresh the page.
And as you can see because I've already listed this link.
So now it's going to be green.
All right so that's all for different states.
So there are some rules when you define states but these link states.
All right.
So coming up here.
So the first rule is more must come off the link and visited.
So in our case also we've got hold of the link and visited.
And the second rule is active must come after the.
So active as you can see who's coming after Google that's all for today guys.
If there's something that you do not understand feel free to drop a comment and we will discuss it.
See you in the next video.
Bye.
By care.