1 00:00:00,870 --> 00:00:07,320 OK, guys, in this city, we will talk about the motions and the bedding here, I have to read our 2 00:00:07,320 --> 00:00:15,650 full three hour file for the Martin painting, and it's pretty fast and up and end and Google Chrome. 3 00:00:15,960 --> 00:00:26,040 And now we will start with typing A.M. at five, starting off here at 5:00. 4 00:00:26,880 --> 00:00:29,250 And then let's go and read a lot of things. 5 00:00:29,250 --> 00:00:30,450 You great. 6 00:00:30,870 --> 00:00:35,320 The first thing we do, we will start with adding two divisions. 7 00:00:35,940 --> 00:00:39,750 So let's go here at a Java class. 8 00:00:40,140 --> 00:00:45,480 Let's give it a glass of red and then let's start inside. 9 00:00:45,900 --> 00:00:57,210 I am the first division and we can go to create another one or we can just copy it, copy and make this 10 00:00:57,210 --> 00:00:57,950 to be true. 11 00:00:58,650 --> 00:01:01,560 I am the second. 12 00:01:03,450 --> 00:01:07,890 And here we connect between the extremophile and the get. 13 00:01:08,460 --> 00:01:10,350 We can just close this from here. 14 00:01:11,430 --> 00:01:26,040 We can make the link L style sheet and expiry of margin and padding that says let's go to the final 15 00:01:26,040 --> 00:01:27,720 and add some pointers. 16 00:01:27,720 --> 00:01:32,570 For this part, we will add polders and bank grounds. 17 00:01:33,060 --> 00:01:35,590 We can make the first for the red. 18 00:01:36,810 --> 00:01:39,540 And here we can set margin. 19 00:01:40,620 --> 00:01:40,950 Sorry. 20 00:01:40,950 --> 00:01:42,690 Third background color. 21 00:01:43,150 --> 00:01:44,960 Let's make it to uh. 22 00:01:46,320 --> 00:01:47,040 Yeah. 23 00:01:47,280 --> 00:01:50,250 Light a lime green. 24 00:01:50,250 --> 00:01:50,730 It's OK. 25 00:01:51,420 --> 00:01:53,710 And let's go to quarter five. 26 00:01:53,940 --> 00:01:56,370 So sell it off. 27 00:01:56,370 --> 00:01:56,790 Right. 28 00:01:57,990 --> 00:02:02,100 And here for for the blue, we can just sit here. 29 00:02:03,270 --> 00:02:13,440 Background, color of black and cannot be white and powder five percent solid. 30 00:02:14,400 --> 00:02:16,650 We can just use the uh. 31 00:02:17,920 --> 00:02:18,930 I'm not sure. 32 00:02:20,940 --> 00:02:22,530 What about when we're correct. 33 00:02:23,580 --> 00:02:24,180 Let's go. 34 00:02:24,200 --> 00:02:27,810 And we're never gonna be to let's say that. 35 00:02:28,170 --> 00:02:29,850 Let's start with the margin. 36 00:02:30,150 --> 00:02:35,280 Let's say that I, I don't have any space here, but I want to add some space. 37 00:02:35,580 --> 00:02:36,960 I want to add some space. 38 00:02:37,170 --> 00:02:41,100 I want here from the top of the second division. 39 00:02:41,220 --> 00:02:43,740 I want to add space to the top. 40 00:02:44,220 --> 00:02:46,990 There's a property which is called Martian's. 41 00:02:48,420 --> 00:02:54,480 We can just go here and add more top this the margin top. 42 00:02:54,480 --> 00:02:56,790 So here I had Steph margin job. 43 00:02:56,940 --> 00:03:02,370 I want to add some space from here due to the first dev. 44 00:03:02,730 --> 00:03:05,550 Let's start with ten pixels. 45 00:03:07,600 --> 00:03:17,560 Really don't know the some space from this part and this part, we also have margin right, margin left 46 00:03:17,560 --> 00:03:23,920 and margin for the part about for this part mosh pit and with making no sense because we have nothing 47 00:03:23,920 --> 00:03:24,290 here. 48 00:03:24,850 --> 00:03:27,380 Let's start with the margin. 49 00:03:27,400 --> 00:03:27,980 Right. 50 00:03:28,450 --> 00:03:30,160 We can just add margin. 51 00:03:30,910 --> 00:03:31,400 Right. 52 00:03:31,420 --> 00:03:38,010 Let's just make it to 25 cents when we go and reload. 53 00:03:38,230 --> 00:03:43,940 Now, we got 20 pixels from here, but I suggest to make it with the percentage. 54 00:03:44,030 --> 00:03:52,480 So if I make this 10 percent and go back and reload, so different, but it will be taking 10 percent 55 00:03:52,480 --> 00:03:53,710 off any screen. 56 00:03:53,710 --> 00:04:03,370 As you can see from here, the size is changing and very soon we will use percentage instead of just 57 00:04:03,370 --> 00:04:06,670 pixels in the display. 58 00:04:06,670 --> 00:04:17,950 Aflex, but not now and here after this part, we can charge you for the margin left, margin left. 59 00:04:18,040 --> 00:04:23,070 But let's make it to 25 percent reload. 60 00:04:23,380 --> 00:04:25,060 Now we got the space. 61 00:04:25,690 --> 00:04:34,840 We can go to the red one and try to add margin and put them in front of the pixels. 62 00:04:36,220 --> 00:04:37,330 You know, we got some space. 63 00:04:37,630 --> 00:04:46,990 And of course, here I can also add margined, top margin topped off 50 pixels really loud. 64 00:04:47,710 --> 00:04:53,100 Now we got some space from the top and now we will move to them through the back. 65 00:04:53,140 --> 00:04:57,810 And for the padding, we will check about it in this one and also this one. 66 00:04:58,510 --> 00:05:00,100 What is the bedding? 67 00:05:00,310 --> 00:05:03,040 Let's say that here, let me do in. 68 00:05:04,000 --> 00:05:06,100 I got the eye and the pooter. 69 00:05:06,310 --> 00:05:14,140 Let's say that I want to increase the distance between the eye and the other or from the text to the 70 00:05:14,140 --> 00:05:14,570 pooter. 71 00:05:14,590 --> 00:05:19,090 Anyway, this is the property of the margin. 72 00:05:19,360 --> 00:05:21,700 We can just go here padding. 73 00:05:23,320 --> 00:05:24,440 We'll start with that. 74 00:05:24,580 --> 00:05:36,360 Left, left, left, headed to think big storms like thave go back now, gently spaced from the eye 75 00:05:36,400 --> 00:05:42,670 and this border we can also add for that chopper. 76 00:05:43,970 --> 00:05:47,400 Let let me make it four, 35 pixels. 77 00:05:48,410 --> 00:05:56,830 Now we got some space from the top and also here we have the bed and put in up 20 pixels. 78 00:05:57,440 --> 00:06:02,770 Let's go and reload now, get some space from this part and then put them. 79 00:06:03,320 --> 00:06:15,020 And also we have, uh, we got the padding right right off big so we can go now and reload it just now 80 00:06:15,470 --> 00:06:22,020 because we have we already have the 50 pixels from the left and the right. 81 00:06:22,040 --> 00:06:24,230 So it's making no sense. 82 00:06:24,920 --> 00:06:31,030 And here, let me try to make it for the plew, but will make it in a different way. 83 00:06:31,430 --> 00:06:36,020 Let's say that I want to add padding for all of the direction. 84 00:06:36,020 --> 00:06:37,730 I don't need to I don't want to. 85 00:06:37,760 --> 00:06:40,850 That left and right. 86 00:06:41,180 --> 00:06:44,750 There's a property which is called only padding. 87 00:06:46,250 --> 00:06:56,000 We can just go here at padding and let's make it 50 percent when we go and reload. 88 00:06:56,240 --> 00:06:59,450 Now, the bearing is added to all of the vegetation. 89 00:06:59,450 --> 00:07:06,490 And also we have some padding, right, because this here was less than 50 pixels. 90 00:07:08,210 --> 00:07:10,010 So now we've got the space. 91 00:07:10,280 --> 00:07:13,430 And also we can come into this property 92 00:07:20,060 --> 00:07:29,570 and add here padding all 30 pixels so that we get all of the direction except for the and right. 93 00:07:29,570 --> 00:07:34,510 Because the distance is already more than 30 pixels. 94 00:07:35,090 --> 00:07:38,720 So that's all about the margins and the padding. 95 00:07:39,020 --> 00:07:45,050 In the next video, we can talk about the bullet, the positioning function there, the properties, 96 00:07:45,050 --> 00:07:49,930 which is called which are called relative fixed and absolute. 97 00:07:49,970 --> 00:07:54,170 And we will talk about them all in the next video. 98 00:07:54,560 --> 00:07:56,260 Good luck and have fun.