OK, guys, in this city, we will talk about the motions and the bedding here, I have to read our
full three hour file for the Martin painting, and it's pretty fast and up and end and Google Chrome.
And now we will start with typing A.M. at five, starting off here at 5:00.
And then let's go and read a lot of things.
You great.
The first thing we do, we will start with adding two divisions.
So let's go here at a Java class.
Let's give it a glass of red and then let's start inside.
I am the first division and we can go to create another one or we can just copy it, copy and make this
to be true.
I am the second.
And here we connect between the extremophile and the get.
We can just close this from here.
We can make the link L style sheet and expiry of margin and padding that says let's go to the final
and add some pointers.
For this part, we will add polders and bank grounds.
We can make the first for the red.
And here we can set margin.
Sorry.
Third background color.
Let's make it to uh.
Yeah.
Light a lime green.
It's OK.
And let's go to quarter five.
So sell it off.
Right.
And here for for the blue, we can just sit here.
Background, color of black and cannot be white and powder five percent solid.
We can just use the uh.
I'm not sure.
What about when we're correct.
Let's go.
And we're never gonna be to let's say that.
Let's start with the margin.
Let's say that I, I don't have any space here, but I want to add some space.
I want to add some space.
I want here from the top of the second division.
I want to add space to the top.
There's a property which is called Martian's.
We can just go here and add more top this the margin top.
So here I had Steph margin job.
I want to add some space from here due to the first dev.
Let's start with ten pixels.
Really don't know the some space from this part and this part, we also have margin right, margin left
and margin for the part about for this part mosh pit and with making no sense because we have nothing
here.
Let's start with the margin.
Right.
We can just add margin.
Right.
Let's just make it to 25 cents when we go and reload.
Now, we got 20 pixels from here, but I suggest to make it with the percentage.
So if I make this 10 percent and go back and reload, so different, but it will be taking 10 percent
off any screen.
As you can see from here, the size is changing and very soon we will use percentage instead of just
pixels in the display.
Aflex, but not now and here after this part, we can charge you for the margin left, margin left.
But let's make it to 25 percent reload.
Now we got the space.
We can go to the red one and try to add margin and put them in front of the pixels.
You know, we got some space.
And of course, here I can also add margined, top margin topped off 50 pixels really loud.
Now we got some space from the top and now we will move to them through the back.
And for the padding, we will check about it in this one and also this one.
What is the bedding?
Let's say that here, let me do in.
I got the eye and the pooter.
Let's say that I want to increase the distance between the eye and the other or from the text to the
pooter.
Anyway, this is the property of the margin.
We can just go here padding.
We'll start with that.
Left, left, left, headed to think big storms like thave go back now, gently spaced from the eye
and this border we can also add for that chopper.
Let let me make it four, 35 pixels.
Now we got some space from the top and also here we have the bed and put in up 20 pixels.
Let's go and reload now, get some space from this part and then put them.
And also we have, uh, we got the padding right right off big so we can go now and reload it just now
because we have we already have the 50 pixels from the left and the right.
So it's making no sense.
And here, let me try to make it for the plew, but will make it in a different way.
Let's say that I want to add padding for all of the direction.
I don't need to I don't want to.
That left and right.
There's a property which is called only padding.
We can just go here at padding and let's make it 50 percent when we go and reload.
Now, the bearing is added to all of the vegetation.
And also we have some padding, right, because this here was less than 50 pixels.
So now we've got the space.
And also we can come into this property
and add here padding all 30 pixels so that we get all of the direction except for the and right.
Because the distance is already more than 30 pixels.
So that's all about the margins and the padding.
In the next video, we can talk about the bullet, the positioning function there, the properties,
which is called which are called relative fixed and absolute.
And we will talk about them all in the next video.
Good luck and have fun.