1 00:00:00,480 --> 00:00:01,730 Hello and welcome. 2 00:00:01,740 --> 00:00:11,140 In this video I am going to make some modifications to this says that I have applied to my hastier male 3 00:00:11,140 --> 00:00:14,140 document in a previous video. 4 00:00:14,160 --> 00:00:20,940 I use this CSF styling here to style multiple elements as you can see. 5 00:00:20,940 --> 00:00:30,530 My text is red so I want to modify that and styled things properly to make it look a bit more decent. 6 00:00:30,570 --> 00:00:38,700 So what I'm going to do in this video you I'm going to style the one element which is this here which 7 00:00:38,730 --> 00:00:46,170 is the title one style that separately I am going to let them call or go back to the standard which 8 00:00:46,170 --> 00:00:49,670 is black band going to make the font size bigger. 9 00:00:50,080 --> 00:00:53,810 And Im going to outline the text to the centre. 10 00:00:54,090 --> 00:00:59,880 I'm also going to start bought a paragraph and the list item. 11 00:01:00,060 --> 00:01:07,020 So I'm going to apply some extra property is going to change the font size the line. 12 00:01:07,530 --> 00:01:16,260 And the letter spacing will let me head over to my side just click on this this is found here and this 13 00:01:16,260 --> 00:01:19,440 is where I can make the changes. 14 00:01:19,710 --> 00:01:25,960 So the first thing I want to hear is get rid of the list. 15 00:01:26,140 --> 00:01:35,480 WANT IT item I want to give that a different style I will just leave the paragraph and the list item. 16 00:01:35,610 --> 00:01:47,740 I am going to change some propertys I'm going to change the font size set that too. 17 00:01:48,270 --> 00:01:55,480 I'm going to give you a value of 17 pixels pixels as a unit of measurement. 18 00:01:55,500 --> 00:02:02,610 When you how you measure the sizes too there's going to be said to 17 pixels and then output a semicolon 19 00:02:02,760 --> 00:02:07,710 to terminate that and then add another start. 20 00:02:07,700 --> 00:02:14,540 This time I want to get to the line height that is the height between. 21 00:02:14,580 --> 00:02:17,990 You can see this text this text that's known as a line. 22 00:02:18,090 --> 00:02:20,300 I am going to change that as well. 23 00:02:20,310 --> 00:02:24,730 So to a line this is not a property see. 24 00:02:24,870 --> 00:02:28,260 Give me a suggestion here so I just click on that. 25 00:02:28,470 --> 00:02:35,490 The property I'm going to make it to give a value to the semicolon next. 26 00:02:35,750 --> 00:02:38,570 I am going to do the letter spacing. 27 00:02:38,950 --> 00:02:46,620 Basically there's a space between the letters and typing that I can say is giving me a suggestion I 28 00:02:46,620 --> 00:02:53,730 just use that and I'm going to make that one pixel. 29 00:02:53,820 --> 00:02:56,980 Okay you can see the letters he can see this. 30 00:02:57,000 --> 00:03:00,700 You can see the line but the space is already effective. 31 00:03:00,700 --> 00:03:07,500 Here it is and see if the changes are already reflected on the page. 32 00:03:07,500 --> 00:03:12,260 So that's my list item and my paragraph. 33 00:03:12,270 --> 00:03:18,340 Next I want to start my page one element. 34 00:03:18,740 --> 00:03:24,890 So here is going to be the select to my early brisance. 35 00:03:25,140 --> 00:03:34,980 In between the curly braces I am going to change the font size property so I want to change the size 36 00:03:34,980 --> 00:03:36,520 of the front. 37 00:03:36,600 --> 00:03:37,400 I want this. 38 00:03:37,430 --> 00:03:49,700 I'll give you the big size make this one 65 pixels could just be an adventure as here I can see how 39 00:03:49,860 --> 00:03:52,010 you can see how big it is. 40 00:03:52,020 --> 00:03:54,980 Next I want to start now. 41 00:03:55,510 --> 00:04:00,320 I want to align the text to the centre so the property. 42 00:04:01,250 --> 00:04:05,340 Is text a mind property and a value. 43 00:04:05,490 --> 00:04:07,400 I am giving it is centre 44 00:04:10,520 --> 00:04:13,200 and I will save that. 45 00:04:15,460 --> 00:04:17,610 Refresh. 46 00:04:17,920 --> 00:04:25,130 So you can see here the text has been aligned you can move the wave from B other content to the centre. 47 00:04:25,460 --> 00:04:31,960 So if I expand the page you can see the text be aligned to the centre. 48 00:04:32,080 --> 00:04:36,990 Okay so that's basically how you change. 49 00:04:37,000 --> 00:04:45,370 You can make modifications to anything else at any time by going to the CSA file making the relevant 50 00:04:45,370 --> 00:04:51,030 changes and you can also add CSA more csx rules to your style sheet. 51 00:04:51,160 --> 00:04:56,770 So that's basically it for this video or modifying your success. 52 00:04:56,920 --> 00:04:59,230 Thank you for watching and bye for now.