1

00:00:00,540 --> 00:00:07,560

OK, guys, in the studio, we will know how to code with the first three, and the first thing we will



2

00:00:07,560 --> 00:00:10,750

do right here is to drink this water to be here.



3

00:00:11,340 --> 00:00:13,970

The founder of The Thief asked three.



4

00:00:14,310 --> 00:00:20,860

And here I will carry it in Dr. Anchee and out.



5

00:00:21,570 --> 00:00:23,730

And here we have the key.



6

00:00:23,730 --> 00:00:29,280

And Alfond saved and lit up in this file in Google Kolff.



7

00:00:32,480 --> 00:00:33,500

This is empty.



8

00:00:34,160 --> 00:00:34,550

OK.



9

00:00:34,600 --> 00:00:38,330

All right, let's go back to our cold in here.



10

00:00:38,510 --> 00:00:42,560

If we can just type our or just first



11

00:00:46,700 --> 00:00:47,160

C.



12

00:00:47,300 --> 00:00:47,570

S.



13

00:00:47,670 --> 00:00:58,070

S three file and inside, as you know, from the edge to about five, we will start the content inside



14

00:00:58,070 --> 00:00:58,500

here.



15

00:00:59,450 --> 00:01:04,080

We can make X one and then here we can type on



16

00:01:06,650 --> 00:01:06,950

one.



17

00:01:09,170 --> 00:01:14,320

Let's go back to our folder sorry, our files and Google Chrome and see what we had.



18

00:01:15,590 --> 00:01:17,990

But what if I don't like this color?



19

00:01:17,990 --> 00:01:19,640

I want to change this color.



20

00:01:20,450 --> 00:01:27,650

This is the purpose of this is we will know now how to change this color.



21

00:01:29,600 --> 00:01:37,430

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



22

00:01:37,430 --> 00:01:38,120

H.T..



23

00:01:38,160 --> 00:01:50,600

And we can go here and you file let's call this Tilles dot style is the common name for the says.



24

00:01:50,900 --> 00:01:55,590

You can't change the style by any name, but you cannot change that.



25

00:01:57,740 --> 00:02:00,290

Now we have this file.



26

00:02:00,890 --> 00:02:11,150

OK, we need to connect between them in order to use them together after the title one time link and



27

00:02:11,150 --> 00:02:12,590

choose their thesis.



28

00:02:13,460 --> 00:02:23,510

And here we will just change WP files and now we have Link are out of style sheet and SRF, which gives



29

00:02:23,870 --> 00:02:24,890

this file.



30

00:02:26,300 --> 00:02:27,990

Let's go back to our page.



31

00:02:28,040 --> 00:02:30,710

We have nothing now.



32

00:02:30,830 --> 00:02:36,380

We will add some cubes inside this file to change the color of the header one.



33

00:02:37,160 --> 00:02:44,150

The first thing we need to think about is how we will select the header one to edit.



34

00:02:45,410 --> 00:02:57,560

I'm going to show you how here this is the Tangney we can type here, each one, and now we we have



35

00:02:57,560 --> 00:03:07,850

chosen the tag name of either one to encode something like the color, background, color, background



36

00:03:07,850 --> 00:03:08,320

image.



37

00:03:08,810 --> 00:03:11,240

We will need to type this bracket.



38

00:03:11,240 --> 00:03:17,660

And the code of the stunning will be typed inside this bracket here.



39

00:03:18,050 --> 00:03:23,200

We can type something like that color because we want to change the color.



40

00:03:23,210 --> 00:03:26,480

So we will type that color and click enter.



41

00:03:26,700 --> 00:03:35,000

We will start from the beginning without any suggestions from here and then here we can type something



42

00:03:35,000 --> 00:03:35,800

for.



43

00:03:36,080 --> 00:03:41,750

And let's try the red and see if we can go back to our powder.



44

00:03:42,980 --> 00:03:44,940

And we have this.



45

00:03:46,190 --> 00:03:47,720

We need to make something different.



46

00:03:48,050 --> 00:03:51,710

Let us know how we can add background color to this text.



47

00:03:52,340 --> 00:03:57,320

We can go back to our file and add background



48

00:04:01,280 --> 00:04:01,670

color.



49

00:04:01,970 --> 00:04:02,900

Let's try it.



50

00:04:02,900 --> 00:04:03,500

That black.



51

00:04:03,680 --> 00:04:05,720

But it gives me a problem.



52

00:04:06,230 --> 00:04:06,920

Why that?



53

00:04:07,340 --> 00:04:09,160

Because we want to break the line here.



54

00:04:09,170 --> 00:04:14,840

We want to show the code that this line is over or this property of is over.



55

00:04:14,870 --> 00:04:23,210

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



56

00:04:23,210 --> 00:04:26,930

to end this property, which is the color.



57

00:04:27,950 --> 00:04:37,010

And now when we meet background, color of blank, now we have that black color.



58

00:04:38,360 --> 00:04:44,830

Now, what we want to edit right here, we want to edit the size of the text in the video.



59

00:04:44,840 --> 00:04:52,850

We don't know how to change color, background, color, font size and font weight here.



60

00:04:53,270 --> 00:05:00,830

We can go back to our code and see how we can change that font font size.



61

00:05:01,670 --> 00:05:11,150

We can go here and make font size of let's try for there is something called pixels.



62

00:05:11,990 --> 00:05:16,010

We can try a thrift with ten pixels.



63

00:05:16,700 --> 00:05:18,380

Save the pack.



64

00:05:18,770 --> 00:05:20,750

Now we got this ten pixels.



65

00:05:20,840 --> 00:05:28,100

You can type any number you want, you can type nine nines when we type nine nine and go back to our



66

00:05:28,100 --> 00:05:31,170

web page we have the nine nine.



67

00:05:32,090 --> 00:05:34,520

Now uh this is perfect.



68

00:05:35,540 --> 00:05:38,150

And then we can make something different.



69

00:05:38,150 --> 00:05:39,890

We can make for the phone.



70

00:05:39,920 --> 00:05:48,980

Wait, font weight means the width of the text at the end here is having this thickness of the end.



71

00:05:48,980 --> 00:05:50,120

We want to change it.



72

00:05:51,230 --> 00:05:53,300

We can do here at the font.



73

00:05:53,300 --> 00:06:00,350

Wait, let's try the one hundred combined plus X which is safe.



74

00:06:00,560 --> 00:06:02,540

We can go back and reload.



75

00:06:02,930 --> 00:06:04,580

Now we have the one hundred.



76

00:06:06,110 --> 00:06:13,850

OK, we can try four more, we just, we can get to nine hundred also we can go back to our web page



77

00:06:13,850 --> 00:06:16,010

and see what we have right now.



78

00:06:16,640 --> 00:06:18,530

This is the nine hundred.



79

00:06:19,380 --> 00:06:22,070

OK, let's try to make something different.



80

00:06:22,070 --> 00:06:25,250

We can try for the paragraph OK.



81

00:06:26,900 --> 00:06:31,310

And then here we can try the polygraphy just died.



82

00:06:31,610 --> 00:06:36,560

This is uh bar graph.



83

00:06:37,220 --> 00:06:44,030

Let's see what we have right here in order we want or we just want to see if the same starting end here



84

00:06:44,030 --> 00:06:46,310

will be applied in here.



85

00:06:46,640 --> 00:06:47,630

Let's see what we have.



86

00:06:49,160 --> 00:06:52,750

It's not applying because this is a new type.



87

00:06:53,480 --> 00:06:57,640

Let's go and add some styling functions to this type.



88

00:06:58,340 --> 00:07:08,510

We can go here and find the tiles that give us and make speed and then decide we will type our code



89

00:07:09,350 --> 00:07:10,310

for this color.



90

00:07:10,310 --> 00:07:11,930

We can give it a color.



91

00:07:12,860 --> 00:07:15,250

We got all of the cards here.



92

00:07:15,260 --> 00:07:16,790

We can choose whatever you want.



93

00:07:17,600 --> 00:07:19,640

We can just choose the Perowne.



94

00:07:19,700 --> 00:07:20,720

The crowd is good.



95

00:07:21,230 --> 00:07:26,480

Let's go back to our Web browser and see what we have now.



96

00:07:26,480 --> 00:07:27,770

We got the wrong color.



97

00:07:27,770 --> 00:07:31,400

If we zoom in here, this is the brown color.



98

00:07:32,270 --> 00:07:35,270

We want to give it a background color.



99

00:07:35,690 --> 00:07:36,830

What background color?



100

00:07:36,830 --> 00:07:40,130

We can give it background color.



101

00:07:40,190 --> 00:07:42,590

We got here all of the properties.



102

00:07:43,730 --> 00:07:44,690

Background, color.



103

00:07:45,090 --> 00:07:47,710

We can't choose the dark blue.



104

00:07:49,500 --> 00:07:51,570

Let's go back to our Web page.



105

00:07:52,080 --> 00:07:53,660

Now we get the dark blue.



106

00:07:53,910 --> 00:07:57,420

Let's change the color text and make it white.



107

00:07:58,020 --> 00:08:00,360

We can make this want to be white.



108

00:08:00,630 --> 00:08:02,430

We have here also the white smoke.



109

00:08:03,250 --> 00:08:06,280

Let's save and go back to our powder.



110

00:08:08,490 --> 00:08:09,210

Very well.



111

00:08:09,480 --> 00:08:10,920

Now we got this color.



112

00:08:12,480 --> 00:08:21,240

What if I want to change a degree of color or I want to decrease the capacity of the appearance or the



113

00:08:21,240 --> 00:08:22,620

appearance of the color?



114

00:08:23,790 --> 00:08:27,510

We can change the appearance of the background color.



115

00:08:27,510 --> 00:08:34,710

I'm going to show you now what is the appearance or the capacity of the color or the degree any way



116

00:08:35,100 --> 00:08:37,560

we can just hover this part.



117

00:08:38,130 --> 00:08:38,940

And then we got this.



118

00:08:39,630 --> 00:08:44,460

This is the passage of the color or the degree of color.



119

00:08:44,670 --> 00:08:48,780

I wanted to appear by the percentage of fifty percent.



120

00:08:48,780 --> 00:08:54,810

As an example, we can make it just like that and then we can click on Save.



121

00:08:55,260 --> 00:08:57,360

Let's go back to our Web browser.



122

00:08:58,020 --> 00:09:06,450

Now, we got this opacity or this person did just this is what I mean by that degree or the party of



123

00:09:06,480 --> 00:09:07,050

the color.



124

00:09:09,120 --> 00:09:10,680

We can set it back from here.



125

00:09:10,680 --> 00:09:18,090

We can hover again, and from here we can change the color from here, whatever you want, or we can



126

00:09:18,420 --> 00:09:19,800

control it from here.



127

00:09:20,130 --> 00:09:22,290

As you can see, the color will appear here.



128

00:09:23,670 --> 00:09:28,100

We can leave it like that or we can make it here and click save it.



129

00:09:28,350 --> 00:09:32,340

Let's go back to our Web browser now.



130

00:09:32,340 --> 00:09:34,780

We have this color maps.



131

00:09:35,040 --> 00:09:39,720

We want to change the font size of this paragraph.



132

00:09:40,200 --> 00:09:43,710

We can just go here and font size.



133

00:09:44,670 --> 00:09:51,720

Let's try something like, uh, just twenty five pixels.



134

00:09:52,380 --> 00:09:53,580

We got em.



135

00:09:53,880 --> 00:10:04,890

And our employee can get here all of the measurement, but I prefer using pixels so we can just click



136

00:10:04,890 --> 00:10:05,770

on big.



137

00:10:05,880 --> 00:10:07,980

So when we go and click click.



138

00:10:07,980 --> 00:10:13,620

So let's go back to our Web browser and see what we have now.



139

00:10:13,620 --> 00:10:15,630

We've got we've got twenty five pixels.



140

00:10:16,170 --> 00:10:18,180

You can make it larger if you wish.



141

00:10:18,190 --> 00:10:24,090

So the last thing we will do right now is to change the font weight.



142

00:10:24,630 --> 00:10:30,270

We can go here and we font weight.



143

00:10:30,630 --> 00:10:34,110

Let's make this to be, uh, we got here lighter.



144

00:10:34,110 --> 00:10:39,330

Let's try the lighter and then let's go back to our Web browser.



145

00:10:40,440 --> 00:10:42,120

We got nothing different.



146

00:10:42,390 --> 00:10:44,720

We can try for the nine hundred.



147

00:10:45,810 --> 00:10:47,280

Now, this is Polder.



148

00:10:47,550 --> 00:10:54,510

And instead of that, we can try something like font went up old or older.



149

00:10:55,590 --> 00:10:59,190

Now we got this for the old and for the polder.



150

00:11:00,330 --> 00:11:02,880

We got this, which is typically the thing.



151

00:11:03,270 --> 00:11:04,050

But it's OK.



152

00:11:04,470 --> 00:11:12,840

Now we know how to use color, background, font weight and font size and also the background color.



153

00:11:13,440 --> 00:11:22,050

In the next video, we will know how to control that border, the powder raises and the powder color



154

00:11:22,200 --> 00:11:28,380

which I want here, and another color to be appearing like a poor there for this text.



155

00:11:28,680 --> 00:11:31,280

We will know how to do this part in the next video.



156

00:11:31,290 --> 00:11:33,090

So good luck and have fun.