OK, guys, now we can talk about the pudder, the first thing we will do right now is to create a new
file.
We can just call it index to dot a.m. Let's go to our final game up in this file and Google Chrome.
And here we can upload it here.
Let's put the to about five x HTML5 now.
We will continue fighting for the season and we will connect between then.
We can just go here, can read a new file and call it style, dot the advice.
And right back here we can just collect Hoarder's and now we can start with linking between the two
files.
We can just go here and make a link with this thesis.
And here we have connected between that
when we go here.
OK, correct.
The first thing we can think about is at the height and then we can just go here to read X1 and then
we can go back to the style that feeds us and edit the X1 for the X1 we can set some height and with
for the height we can make it out of one hundred pixels.
The measuring unit, it is the common measure and running for the CS.
As for the coding and for the width, we can make it to one hundred percent of the page and now we have
a height of one hundred pixels and the width of one hundred percent of the page.
Here we can give it a background color because like, you know, if we go to our file and Google Chrome,
we will be having nothing.
As you can see from here, we can just give it background color
of black when we go here.
Now, we got this and this is perfect.
Lets you know how we can add powder inside our what page.
We can just go here.
There's a property which is called Poder.
We can go here or there.
And then the first thing we will put here is the width of the port there.
We need to put it.
We need to give it a width, let's give it the width of five pixels and then there is a Dasht or it,
but we can just make it thought Folland.
And then after this part, we need to give it back to where we can just give it a there.
All right.
We can go back to our Web page right here.
Now, we have this part, and this is amazing.
What if I wanted to lead this thing between this part and this part?
I'm going to show you how here we can get this part from the chopper.
This mark here represents the universe, which is everything inside the Web page here.
We can just give it the margin of zero and adding of zero.
So now we got no space and we will talk about the margins and the bad.
And very soon we can just go here and delete to make this to nine, 98 percent to prevent this stuff
just scrolling.
OK, and now what we will talk about, what if I want to remove a put there from one site?
We can just go here and make let's say we wanted to leave the portal from the top side.
We can just go here a quarter, jump off none when we go back and reload.
Now, we got no powder for the top.
We can also make it for the right, left, left of that return, right of none.
And now we have powder right off not.
We can also apply for the powder and for the left.
Let's see how we can make it.
We can just go back to our good editor and make here couverture left to be done.
And now we have the portal left off now.
And for the last one, we can just apply for the pull of none and that we have no preorders right now.
OK, let's talk about if I want each side to be having it together, we can just go here.
We don't need this one now, just in case.
If we want to make every quarter or every quarter to be having a different color, we can just go here
and make sure to chop or five bits of solid green.
And as you can see from here, we got the chop.
Their job title.
And you can choose any style you wish to at your website.
We have dot dappled grove heading in and all of that.
Let's delay this.
This is in case if you want to change the salad, OK, now we have the power to chop off green.
We can just go back and see what we have right now.
Now we have a prototype of green light to make a burner ripe and we can just make it blue.
Right.
Or any color you wish to make.
So here we can get it time itself off following the blue when we go back and reload now each other pixels
and the blue, we can just make it anywhere we want.
We can just make it three.
We can zoom in to see the difference.
And now we have three pixels.
We can go back and try for the powder button.
We can just go here and make this to be 20 percent solid of governing.
If we can just.
No, no, no.
We can use for the red.
Let's go back to our Web page and see what we have right now.
Now we have the polar left of 20 pixels for the red.
We can apply now for the atom.
We can just go here
for the put and we can just give it to pixels solid, all red.
And then we can go back to our Web page and see what's going on.
We will talk about the margins and the bearings very soon, but not now.
And now we have the power of two pixels.
That's great.
Now, the next step to check about the next thing to talk about is the poor, the radius.
We can just delete all of that or just for it to come at something inside.
That is, as we can just add slash staff.
And now we have come to this part and I'm going to show you now how should come into something and that
the amount we can just go to the edge to amount to something in the a.m., we can just meet Angle to
crack it and then be smart to dashes and we can get these three marks and put them here.
And now they are if they are appearing in the source code, but they'll not be affecting in the Web
page.
And you can see from here when we get to the Web page and we get nothing because it's coming to.
And now, uh, let's get it back.
We don't need this comment.
OK, and now what we will do right now is to see how we can add, put a radius inside our Web page or
inside our each one, and we can just go back to our yes, you're tired of this.
There's something which is called the radius, but let's give the poor the color first order of black
stuff, like let's make it, uh, Thayn crown when we go back to the Web page with this computer.
This is perfect.
Let's see now how we can add powder color.
We can just go here and make a big three quarter radius.
Now we can contribute to the reduced by percentage, by centimeter by M by pixels.
You can choose any measure that you want, but I prefer pixels.
We can just make it 20 pixels.
We can save now and go back to our Web page and see what's going on.
Now we got the two big stars of the quarter.
As you can see from here, we can apply it now for the one hundred.
So let's go back to our Web page and see what's going on right now.
This is the one hundred pixels you can apply for anything we want.
And also we can create a new X, but be at two very soon in the next video of us know how to differentiate.
If we want to add more than one x one, we will know how to use classes ideas in order to add many words
for each one.
We can go back to our stunning, let's say, first we can go here and here at you up and up and then
inside we can just type the height of two hundred pixels with up to three, two hundred pixels.
And let's give it a background color for what do you think?
Yellow, green for violence.
Let's go back to our Web page and see what's going on here.
Now we have this.
Let's say we want to make this a circle.
It's having the part of the circle because the radius will be one hundred pixels.
Right.
We can go back to our covid.
And give it a broader radius.
We just need to give a poor color in order to put up or the wages, we can just go here and make 50
percent, 50 percent will make it circle.
We can just save and go back to our Web page.
OK, that's perfect.
And then we got the circle.
Let's just come.
And this part, we don't need it right now
because we will talk now about the possibilities for each side.
Now, let's talk about the poor, the ratings for each side here.
We've got the poor, the top left for the top.
Put them for the right to put in and for the right job.
Let's see how we can use that.
We can go here and make order top left radius.
Now, we are controlling the radius of this part.
Let's go and see what we have right now.
We can just make this to be zero because I think this will be OK.
We can now we're back to our Web page and see what we have
now.
We have to do pixels for the left, for the top left.
We can apply now for the top, but then we can just go here
for the chop put on.
Three for the top, right?
I'm sorry, I'm sorry, and this be applied for this part.
We can just go here and make it five.
Pit stop is enough.
Let's go back to our Web page or let's just apply this powder color.
We can go back to our Web page and now we have this.
Now we can apply for this having a radius and we can see from here we have a radius.
We can apply now for the purger for this one here.
We can go here and make order button here.
We have to put them left the radius.
We can just click on here.
Let's make this to be having ten pixels.
We will control this one right now.
Let's zoom in to see the difference when we reload.
Now, we got this wave, I think.
Yes, ten pixels.
OK, we don't need to apply for the last one.
OK, we will apply for it.
We can just go here and make space for the button.
Right?
Paradies We can just make it for loop itself.
It will be great.
Now we got the zero pixels.
No talk about the printers in the next video.
We will just talk about classes and space and we will know how to use them and we will also know how
to use the spec.
So good luck and have fun.