1 00:00:05,740 --> 00:00:13,630 Among the fundamental properties which are used in the success there are the tax properties, these 2 00:00:13,630 --> 00:00:22,210 properties allow to perform different and diverse operations on text and links which are inside the 3 00:00:22,210 --> 00:00:23,920 age HTML pages. 4 00:00:24,250 --> 00:00:28,090 Let's move to our eighty eight year old page. 5 00:00:28,430 --> 00:00:30,040 Let's insert a link. 6 00:00:30,940 --> 00:00:31,990 Let's insert. 7 00:00:32,960 --> 00:00:35,300 Astacio dot com. 8 00:00:37,450 --> 00:00:41,170 And as a text, let's insert a Starzl. 9 00:00:42,130 --> 00:00:45,040 Let's save refresh. 10 00:00:47,250 --> 00:00:55,020 Let's close the fund and we see that it's Tazewell got inserted below our heading. 11 00:00:56,180 --> 00:01:05,090 Now, let's associate the a selector to a variety of different peculiarities, which will enable us 12 00:01:05,090 --> 00:01:08,930 to modify the text we inserted in this link. 13 00:01:09,900 --> 00:01:18,480 For example, the most frequently the latest peculiarity in our links is underline. 14 00:01:20,310 --> 00:01:29,940 To be able to remove it straight away from success, you need to use tax declaration thanks to the non 15 00:01:30,310 --> 00:01:39,290 attribute, this property will let us remove the underline on our age our efforts to pursue. 16 00:01:39,930 --> 00:01:42,980 So let's save refresh. 17 00:01:42,990 --> 00:01:53,010 And here's to you, as Cassio now displayed without any link below it now with a little step backwards 18 00:01:53,010 --> 00:02:03,330 to the selectors topic, again, insert and a selector as well, which, however, should be able to 19 00:02:03,420 --> 00:02:06,630 trigger when Mao was hovering. 20 00:02:06,630 --> 00:02:14,100 I need a certain type of properties, therefore, simply by using text decoration. 21 00:02:15,730 --> 00:02:17,740 This time using underline. 22 00:02:19,980 --> 00:02:29,820 When saved and refreshed, as we can see, our link is without underline, but when moving the mouse 23 00:02:29,820 --> 00:02:33,000 ovary to the underlying gets added. 24 00:02:34,570 --> 00:02:43,240 Therefore, when we deal with the a selector, we are supposed to insert all the additional selectors. 25 00:02:44,560 --> 00:02:45,130 Which. 26 00:02:46,290 --> 00:02:55,340 In this case, are pseudo classes, selectors, as seen in one of the first lessons to the selectors, 27 00:02:55,500 --> 00:02:58,500 we can add a lot of different peculiarities. 28 00:02:58,530 --> 00:03:07,350 We can even change the color by inserting red when the mouse moves on it in addition to the underlying. 29 00:03:07,470 --> 00:03:13,660 So now let's refresh and see when we move the mouse across it. 30 00:03:13,680 --> 00:03:16,590 It would switch to online and read. 31 00:03:16,890 --> 00:03:20,790 Then we may insert additional features to the text. 32 00:03:22,530 --> 00:03:26,430 For example, we might decide to modify. 33 00:03:27,950 --> 00:03:34,310 The text at every Mou's hovering just by using text transform. 34 00:03:36,320 --> 00:03:37,340 Apricus. 35 00:03:38,600 --> 00:03:45,800 The whole text in this specific case with a transformed property will switch to uppercase. 36 00:03:47,330 --> 00:03:58,010 And so every single letter will appear as uppercase, let's say refresh, and when Helvering is Tazewell 37 00:03:58,010 --> 00:04:08,080 switches to uppercase, obviously the text transform attribute can also be associated to any other selector, 38 00:04:08,450 --> 00:04:09,620 for instance. 39 00:04:10,770 --> 00:04:14,700 The heading, which is entirely uppercase. 40 00:04:16,550 --> 00:04:26,870 Through a lower case may be displayed all lower case without altering title, which is placed within 41 00:04:26,900 --> 00:04:28,880 ative age HTML. 42 00:04:30,010 --> 00:04:34,660 So by refreshing, as you see now, title is lowercase. 43 00:04:36,050 --> 00:04:46,040 All these features then can be implemented with alignment and spacing in between the characters, we 44 00:04:46,040 --> 00:04:51,440 might add a property named letters spacing. 45 00:04:52,650 --> 00:05:01,590 Which makes us widen the spacing between the character of a text contained in this specific case in 46 00:05:01,590 --> 00:05:07,680 the heading, as you can see from year title, look this way. 47 00:05:08,310 --> 00:05:18,600 If we inserted, say, three pixels as letters spacing by saving and refreshing, we would notice that 48 00:05:18,600 --> 00:05:23,070 our title created a three pixel detachment in between. 49 00:05:23,070 --> 00:05:27,090 Every single letter of the text alignments are possible. 50 00:05:27,300 --> 00:05:30,420 Now it is left positioned. 51 00:05:31,380 --> 00:05:32,760 It can also be center. 52 00:05:33,690 --> 00:05:39,990 And so right in the center of the page you raise. 53 00:05:41,340 --> 00:05:51,420 On the right or in a justified way, even though obviously to view now a justified tax, we would need 54 00:05:51,420 --> 00:05:56,610 a whole paragraph or at least a long enough text inserted in the page. 55 00:05:57,530 --> 00:06:05,990 Finally taken into consideration once again, the book's shadow features seen recently, we might as 56 00:06:05,990 --> 00:06:07,790 well insert text shadow. 57 00:06:09,030 --> 00:06:17,280 Which adds a shadow to the text and which works just like the previous one, it requires the shadow 58 00:06:17,280 --> 00:06:21,810 position both vertically and horizontally. 59 00:06:21,810 --> 00:06:33,360 So three pixels and six pixels, three pixels horizontally and six pixels vertically and a blur, which 60 00:06:33,360 --> 00:06:39,840 is optional, but in certain it is recommended in order to make the shadow process correctly happen, 61 00:06:40,140 --> 00:06:48,150 let's insert 12 pixels and then the color for the shadow, which since he and now we have the green 62 00:06:48,150 --> 00:06:51,150 text, is going to be dark green. 63 00:06:54,270 --> 00:07:04,200 Let's close save refresh and let's see the result now title displays a quite marked shadow inside the 64 00:07:04,200 --> 00:07:04,890 text.