OK, guys, in the studio, we will know how to code with the first three, and the first thing we will
do right here is to drink this water to be here.
The founder of The Thief asked three.
And here I will carry it in Dr. Anchee and out.
And here we have the key.
And Alfond saved and lit up in this file in Google Kolff.
This is empty.
OK.
All right, let's go back to our cold in here.
If we can just type our or just first
C.
S.
S three file and inside, as you know, from the edge to about five, we will start the content inside
here.
We can make X one and then here we can type on
one.
Let's go back to our folder sorry, our files and Google Chrome and see what we had.
But what if I don't like this color?
I want to change this color.
This is the purpose of this is we will know now how to change this color.
The first thing we need to do to use this is asked if to create a new file with don't see it as a not
H.T..
And we can go here and you file let's call this Tilles dot style is the common name for the says.
You can't change the style by any name, but you cannot change that.
Now we have this file.
OK, we need to connect between them in order to use them together after the title one time link and
choose their thesis.
And here we will just change WP files and now we have Link are out of style sheet and SRF, which gives
this file.
Let's go back to our page.
We have nothing now.
We will add some cubes inside this file to change the color of the header one.
The first thing we need to think about is how we will select the header one to edit.
I'm going to show you how here this is the Tangney we can type here, each one, and now we we have
chosen the tag name of either one to encode something like the color, background, color, background
image.
We will need to type this bracket.
And the code of the stunning will be typed inside this bracket here.
We can type something like that color because we want to change the color.
So we will type that color and click enter.
We will start from the beginning without any suggestions from here and then here we can type something
for.
And let's try the red and see if we can go back to our powder.
And we have this.
We need to make something different.
Let us know how we can add background color to this text.
We can go back to our file and add background
color.
Let's try it.
That black.
But it gives me a problem.
Why that?
Because we want to break the line here.
We want to show the code that this line is over or this property of is over.
And I want to create a new one just to test this mark means I want a new property to be added or I want
to end this property, which is the color.
And now when we meet background, color of blank, now we have that black color.
Now, what we want to edit right here, we want to edit the size of the text in the video.
We don't know how to change color, background, color, font size and font weight here.
We can go back to our code and see how we can change that font font size.
We can go here and make font size of let's try for there is something called pixels.
We can try a thrift with ten pixels.
Save the pack.
Now we got this ten pixels.
You can type any number you want, you can type nine nines when we type nine nine and go back to our
web page we have the nine nine.
Now uh this is perfect.
And then we can make something different.
We can make for the phone.
Wait, font weight means the width of the text at the end here is having this thickness of the end.
We want to change it.
We can do here at the font.
Wait, let's try the one hundred combined plus X which is safe.
We can go back and reload.
Now we have the one hundred.
OK, we can try four more, we just, we can get to nine hundred also we can go back to our web page
and see what we have right now.
This is the nine hundred.
OK, let's try to make something different.
We can try for the paragraph OK.
And then here we can try the polygraphy just died.
This is uh bar graph.
Let's see what we have right here in order we want or we just want to see if the same starting end here
will be applied in here.
Let's see what we have.
It's not applying because this is a new type.
Let's go and add some styling functions to this type.
We can go here and find the tiles that give us and make speed and then decide we will type our code
for this color.
We can give it a color.
We got all of the cards here.
We can choose whatever you want.
We can just choose the Perowne.
The crowd is good.
Let's go back to our Web browser and see what we have now.
We got the wrong color.
If we zoom in here, this is the brown color.
We want to give it a background color.
What background color?
We can give it background color.
We got here all of the properties.
Background, color.
We can't choose the dark blue.
Let's go back to our Web page.
Now we get the dark blue.
Let's change the color text and make it white.
We can make this want to be white.
We have here also the white smoke.
Let's save and go back to our powder.
Very well.
Now we got this color.
What if I want to change a degree of color or I want to decrease the capacity of the appearance or the
appearance of the color?
We can change the appearance of the background color.
I'm going to show you now what is the appearance or the capacity of the color or the degree any way
we can just hover this part.
And then we got this.
This is the passage of the color or the degree of color.
I wanted to appear by the percentage of fifty percent.
As an example, we can make it just like that and then we can click on Save.
Let's go back to our Web browser.
Now, we got this opacity or this person did just this is what I mean by that degree or the party of
the color.
We can set it back from here.
We can hover again, and from here we can change the color from here, whatever you want, or we can
control it from here.
As you can see, the color will appear here.
We can leave it like that or we can make it here and click save it.
Let's go back to our Web browser now.
We have this color maps.
We want to change the font size of this paragraph.
We can just go here and font size.
Let's try something like, uh, just twenty five pixels.
We got em.
And our employee can get here all of the measurement, but I prefer using pixels so we can just click
on big.
So when we go and click click.
So let's go back to our Web browser and see what we have now.
We've got we've got twenty five pixels.
You can make it larger if you wish.
So the last thing we will do right now is to change the font weight.
We can go here and we font weight.
Let's make this to be, uh, we got here lighter.
Let's try the lighter and then let's go back to our Web browser.
We got nothing different.
We can try for the nine hundred.
Now, this is Polder.
And instead of that, we can try something like font went up old or older.
Now we got this for the old and for the polder.
We got this, which is typically the thing.
But it's OK.
Now we know how to use color, background, font weight and font size and also the background color.
In the next video, we will know how to control that border, the powder raises and the powder color
which I want here, and another color to be appearing like a poor there for this text.
We will know how to do this part in the next video.
So good luck and have fun.