1 00:00:00,180 --> 00:00:08,130 OK, guys, now we can just talk about the divisions, classes, ideas and space, let's start with 2 00:00:08,430 --> 00:00:09,210 the divisions. 3 00:00:09,570 --> 00:00:16,320 Let's say that I want you to talk about I don't want the tech to be having the same properties or tiling 4 00:00:16,530 --> 00:00:22,590 of the X1 at two, three or even a paragraph to do that. 5 00:00:22,740 --> 00:00:32,220 If there's a tag which is called Division, we can just go here and just type Angad Bracket D, which 6 00:00:32,220 --> 00:00:41,700 is division and close our angle the bracket and then thought here we got that division we can just type 7 00:00:41,700 --> 00:00:47,010 here I am the first division. 8 00:00:47,760 --> 00:00:52,250 We can go now to our Web page and see what we have on the screen. 9 00:00:53,940 --> 00:00:56,300 Now we have I am the first division. 10 00:00:56,580 --> 00:00:59,160 This is having no time right now. 11 00:00:59,820 --> 00:01:10,140 We can go here and add some space p, r, p, r and then Achbar P r, r. 12 00:01:11,490 --> 00:01:15,840 Let's see what we have on our Web page when we go back. 13 00:01:16,020 --> 00:01:23,010 We have some space and now let's create more four divisions. 14 00:01:23,400 --> 00:01:26,430 We can just copy or just create a new one. 15 00:01:26,640 --> 00:01:31,290 We can just type D I v and here we got that division. 16 00:01:31,320 --> 00:01:34,080 We can click here and type inside. 17 00:01:34,570 --> 00:01:43,220 I am the second division and then we can create work. 18 00:01:43,260 --> 00:01:47,250 The third one inside here we can just type. 19 00:01:47,250 --> 00:01:51,960 I am the third division 20 00:01:55,290 --> 00:02:04,620 and then we can just go with for the fourth one and the fourth division. 21 00:02:06,330 --> 00:02:17,370 And then here we can just make for the last one, which is the fifth and the Fifth Division. 22 00:02:20,070 --> 00:02:23,580 And now let's do what we have on the screen test first. 23 00:02:24,400 --> 00:02:24,870 Great. 24 00:02:26,130 --> 00:02:33,120 Let's say that we want to give it we want to give all of the divisions to be having the font size of 25 00:02:33,360 --> 00:02:34,470 twenty pixels. 26 00:02:35,010 --> 00:02:45,840 We can just go here and make that we can typedef or we can even type the body tag. 27 00:02:46,620 --> 00:02:55,380 I can just make it here, can size up pixels and this will be applied for everything inside the body. 28 00:02:55,380 --> 00:02:58,380 But we don't need that so we can delete it. 29 00:03:00,840 --> 00:03:10,200 OK, and now for the divisions, let's just give it font size of thirty so we can go back to our web 30 00:03:10,200 --> 00:03:11,360 page and see what we have, 31 00:03:14,280 --> 00:03:14,660 OK. 32 00:03:15,520 --> 00:03:22,900 And now this and now we can just talk about the classes, what if I want different properties to be 33 00:03:22,900 --> 00:03:32,620 added to just one or two steps, we can go back to our school and at something which is called class, 34 00:03:33,220 --> 00:03:39,000 we can go here and make a class of a good class of work. 35 00:03:40,420 --> 00:03:43,030 And the same here, class first. 36 00:03:45,110 --> 00:03:48,370 Now we have to within the church, do divisions. 37 00:03:49,030 --> 00:03:54,340 We can go back to our stollen and see how we can use the classes. 38 00:03:55,960 --> 00:03:56,740 What do you think? 39 00:03:58,450 --> 00:04:01,900 We will just type at first. 40 00:04:03,310 --> 00:04:04,890 But this is not good. 41 00:04:05,350 --> 00:04:12,280 We want to tell the Shias that this is a class name, which you can found in the A.M. flight. 42 00:04:13,240 --> 00:04:17,670 We can go here and and just before the name. 43 00:04:17,950 --> 00:04:25,240 Now, we know we told this youth that this name of first is that is a name of class, which you can 44 00:04:25,240 --> 00:04:38,180 find in the at the front and inside here you can just type the font size of 20 pixels or just kind of 45 00:04:38,920 --> 00:04:46,480 let my hair color red and quarter five pixels solid green. 46 00:04:47,900 --> 00:04:51,390 We can go back to our Web page and see what we have and find. 47 00:04:51,770 --> 00:04:54,250 And now we got this. 48 00:04:54,260 --> 00:04:56,380 Now we've got these two different. 49 00:04:57,940 --> 00:05:01,600 OK, let's just give it to me. 50 00:05:01,750 --> 00:05:06,850 Let's give it back to pixels, because I don't want it to be very small. 51 00:05:08,890 --> 00:05:10,330 Now, we got this. 52 00:05:10,870 --> 00:05:17,440 Let's say I want to apply this class for all of the divisions. 53 00:05:17,950 --> 00:05:20,830 I'm going to show you something here. 54 00:05:21,400 --> 00:05:24,700 We can just get the part. 55 00:05:24,700 --> 00:05:26,230 We don't need it right now. 56 00:05:26,500 --> 00:05:30,820 And it here, delete this division style function. 57 00:05:31,120 --> 00:05:37,780 We go back now to our source code and see what we can do with the I.D. The first thing we get to do 58 00:05:37,780 --> 00:05:47,680 right now is to go here and copy paste the old classes to be five here, this division, this division 59 00:05:47,680 --> 00:05:50,380 and also this division. 60 00:05:50,980 --> 00:05:56,020 We can go back to our Web page and see what we have inside it here. 61 00:05:56,020 --> 00:05:58,830 We can go to our Google Chrome file. 62 00:05:59,410 --> 00:06:08,200 Now, we got this, let's say, the function of the I.D. What if I want to apply this tiny function 63 00:06:08,200 --> 00:06:09,490 for one of them? 64 00:06:09,940 --> 00:06:13,810 Let's say that I just want to change the color of the last one. 65 00:06:14,980 --> 00:06:16,810 But I already have the class. 66 00:06:16,840 --> 00:06:23,440 I don't need to create a new class and add a new starting function for the porter in order to change 67 00:06:23,680 --> 00:06:24,910 just the color. 68 00:06:25,540 --> 00:06:34,420 There's something which is called I.D. which can make that we can go here to our source code and just 69 00:06:34,420 --> 00:06:39,430 add something which is called on the inside the idea. 70 00:06:39,430 --> 00:06:44,050 We can just give it the name of first IG. 71 00:06:45,310 --> 00:06:51,490 We can just copy this thing and now we can go back to the tile. 72 00:06:51,490 --> 00:06:55,320 Doesn't end up with the pressed. 73 00:06:55,600 --> 00:06:56,350 What do you think? 74 00:06:57,760 --> 00:07:02,190 We will not give it the same date as the class for the IG. 75 00:07:02,200 --> 00:07:06,980 We can just give it hash or some people call window. 76 00:07:08,800 --> 00:07:10,300 Now we have this part. 77 00:07:11,200 --> 00:07:14,560 Now we can just add some starting function here. 78 00:07:14,560 --> 00:07:20,620 We got font size, color and powder and we just want to edit the color. 79 00:07:21,040 --> 00:07:31,660 We can give it a color of, uh, what do you think we can save and go back to a Web page and see what 80 00:07:31,660 --> 00:07:38,410 we have from this part, uh, and get something from this part. 81 00:07:38,420 --> 00:07:39,970 So what's the point in safe? 82 00:07:40,480 --> 00:07:42,460 Let's go pack now. 83 00:07:42,460 --> 00:07:43,930 We got the black powder. 84 00:07:44,410 --> 00:07:53,110 So the start of the division, the signing of the order is applied over that style and function of the 85 00:07:53,110 --> 00:07:53,770 classes. 86 00:07:54,530 --> 00:08:05,470 And then we are done from that divisions, classes and I so if we go and apply in another division, 87 00:08:06,280 --> 00:08:10,030 these styling function would not be applied in fighting. 88 00:08:10,510 --> 00:08:13,450 Uh, the last. 89 00:08:16,600 --> 00:08:21,610 So these styling functions are not applied to this division. 90 00:08:23,380 --> 00:08:25,630 Let's talk now about this band. 91 00:08:28,510 --> 00:08:38,290 What if I go here and add a paragraph and add Lauren, I'm going to show you the purpose of this band 92 00:08:38,530 --> 00:08:38,800 here. 93 00:08:38,810 --> 00:08:43,830 We can just give it a class of def one delay closures. 94 00:08:44,080 --> 00:08:57,090 We can go down to our colleagues and explain that one, that one can just get it from the size of five. 95 00:08:57,910 --> 00:09:02,560 Let's give it to them and color up. 96 00:09:02,660 --> 00:09:02,940 All right. 97 00:09:04,630 --> 00:09:07,910 Let's go back to our Web page and see what's going on. 98 00:09:09,220 --> 00:09:10,450 What's the problem here? 99 00:09:10,930 --> 00:09:15,630 Yes, I am the laughter. 100 00:09:17,230 --> 00:09:25,810 Now we have this little saying that we won't apply a text, but with a different color property or different 101 00:09:25,810 --> 00:09:30,820 font size property, let's just give it to 102 00:09:33,670 --> 00:09:36,400 forth so we can go back here. 103 00:09:36,820 --> 00:09:37,660 What do you think? 104 00:09:38,530 --> 00:09:47,890 If I added here, I love him and thank you and go back, this is having the same property and I want 105 00:09:47,890 --> 00:09:58,720 this to be having the black color, like just to get back in action by taking on control policy for 106 00:09:58,990 --> 00:10:08,890 the windows, a command policy for the Mac, we can just add a paragraph and inside we can just type. 107 00:10:08,900 --> 00:10:12,760 Lauren, this is not very good. 108 00:10:13,150 --> 00:10:23,320 As you know, from here, we can give it a class of one and then we can go back to our standard function 109 00:10:23,770 --> 00:10:28,330 and just give it back on one side. 110 00:10:28,330 --> 00:10:32,230 We can give it color of light. 111 00:10:34,690 --> 00:10:35,530 OK, that's good. 112 00:10:35,540 --> 00:10:43,540 But I don't want the line to be broken because this is not this is will not be a very good I want the 113 00:10:43,540 --> 00:10:46,530 line to be starting from here for this text. 114 00:10:47,440 --> 00:10:50,670 Now, this is the purpose of this pen. 115 00:10:51,070 --> 00:10:53,980 We can just go back to our source code. 116 00:10:56,640 --> 00:11:08,220 Delete the page tag and just spend, like save it, and then we can go back to our Web page and just 117 00:11:08,290 --> 00:11:12,240 feedback we have now. 118 00:11:12,240 --> 00:11:14,590 We got this Tatsu from here. 119 00:11:15,330 --> 00:11:16,590 This is email. 120 00:11:17,520 --> 00:11:24,960 Now, we have learned about the divisions, classes, ideas and spans. 121 00:11:25,380 --> 00:11:34,240 In the next video, we can just talk about the background images and the text alignment. 122 00:11:34,830 --> 00:11:36,710 So good luck and have fun.