1
00:00:00,540 --> 00:00:03,310
Hello and welcome to this video.

2
00:00:03,420 --> 00:00:13,590
I will show you the various ways you can apply success to his teacher Mel document.

3
00:00:13,590 --> 00:00:22,440
There are three main ways you can apply here says to an eight year old document.

4
00:00:22,440 --> 00:00:33,700
You can apply here says externally you can apply his her internally and also applies here says in line.

5
00:00:33,750 --> 00:00:42,420
I'm going to illustrate with a basic example of how you apply says using this three methods.

6
00:00:42,600 --> 00:00:49,740
I'm going to start with an external source here says an external Seer says basically Seer says that

7
00:00:49,800 --> 00:00:52,550
is referenced from an external far.

8
00:00:52,770 --> 00:01:02,330
So to begin I want to create a Seer says far saw inside my project here have already got afford a horde

9
00:01:02,550 --> 00:01:04,130
stylesheets some will look.

10
00:01:04,140 --> 00:01:08,090
Click on that folder and inside that folder.

11
00:01:08,110 --> 00:01:14,430
I am going to create a new form just right click click on file.

12
00:01:14,590 --> 00:01:15,980
Now does give the file in name.

13
00:01:15,990 --> 00:01:22,890
I'll call it my style dot see.

14
00:01:23,120 --> 00:01:23,780
Yes.

15
00:01:24,560 --> 00:01:25,790
And just press enter.

16
00:01:25,890 --> 00:01:35,220
He can see you now is showing us Style Sheet my style See I so this file now is is this file.

17
00:01:35,220 --> 00:01:39,640
Any content I write in here is still a b c s s saw.

18
00:01:39,660 --> 00:01:47,290
The example I want to do I want to style the paragraph tax so this is a paragraph tag here.

19
00:01:47,310 --> 00:01:49,670
This is also a paragraph tag.

20
00:01:49,740 --> 00:01:52,960
I click on my index page to see email.

21
00:01:53,220 --> 00:01:57,650
You see that I got the Pipi tank here which is this one.

22
00:01:57,780 --> 00:02:01,510
The bottom here have a P tank here which is reference into that.

23
00:02:01,550 --> 00:02:11,580
So if I click on my style sheet again this my side dodge C says so in order to create a style that will

24
00:02:11,580 --> 00:02:17,050
make all of the elements all the paragraph elements a different.

25
00:02:17,300 --> 00:02:22,210
You start with the select also B will be selected.

26
00:02:22,290 --> 00:02:27,220
That's the element I am targeting applies timing to next.

27
00:02:27,240 --> 00:02:35,490
You need curly braces opening and closing it to enter to separate and in between the culbreth is where

28
00:02:35,520 --> 00:02:37,810
I will apply the styling.

29
00:02:37,890 --> 00:02:38,920
So what I want to do.

30
00:02:38,940 --> 00:02:42,420
The property I want to style is the colour.

31
00:02:42,480 --> 00:02:48,090
So I write the column and then you must put a on followed by the value.

32
00:02:48,090 --> 00:02:49,440
I want to give a clue.

33
00:02:49,490 --> 00:02:56,420
I am going to make it blue in a semicolon So that's basically all this suggests.

34
00:02:56,490 --> 00:02:59,270
I'm just going to say that click save what.

35
00:02:59,280 --> 00:03:01,160
So now what he says.

36
00:03:01,440 --> 00:03:09,900
So I need to find a way to reference this assess from my index Dort hastier mail file and the will to

37
00:03:09,900 --> 00:03:16,560
do that is via a link limit so I have now added the link element here.

38
00:03:16,800 --> 00:03:17,950
So this is it.

39
00:03:18,020 --> 00:03:19,520
Got link.

40
00:03:19,890 --> 00:03:20,730
No maybe a limit.

41
00:03:20,760 --> 00:03:23,870
And then you need to hear Treff attribute.

42
00:03:23,940 --> 00:03:29,090
I forgot to put a clause in quotes there.

43
00:03:29,100 --> 00:03:32,570
That's why the rest of the text is highlighter.

44
00:03:32,910 --> 00:03:34,600
So you notice here.

45
00:03:34,620 --> 00:03:35,750
Hey Treff.

46
00:03:35,880 --> 00:03:42,810
It's basically an attribute and the value is stylesheet which is this.

47
00:03:42,810 --> 00:03:49,230
For that is referencing the location or the stylesheet and the name of the stoutish just caught my style

48
00:03:49,230 --> 00:03:51,070
does here says which is this.

49
00:03:51,270 --> 00:04:01,110
And then next we've got this real attribute attribute defines the relationship that the linked resales

50
00:04:01,320 --> 00:04:05,410
has to the document from which it is referenced.

51
00:04:05,670 --> 00:04:09,600
So here we are referencing the statute and the time.

52
00:04:09,670 --> 00:04:18,140
This is an attribute which indicates what type of documents it is and the value is a text.

53
00:04:18,220 --> 00:04:21,800
It's a text Slash says file.

54
00:04:21,840 --> 00:04:29,580
So this is how you would reference an external Seer says inside your hishe CML documents Im referencing

55
00:04:29,610 --> 00:04:38,870
this SS file from my email document and it is important to know that you must place it in the head section.

56
00:04:38,880 --> 00:04:46,290
The reason for this is before the page loads you want any theosis that's available to be applied as

57
00:04:46,290 --> 00:04:47,720
page loads.

58
00:04:47,790 --> 00:04:53,290
So if I save this save all how refreshed you can see here now.

59
00:04:53,400 --> 00:05:00,280
My paragraph has turned blue because if I click is tell my is here giving it a property of blue.

60
00:05:00,780 --> 00:05:03,240
That's how this came about.

61
00:05:03,240 --> 00:05:10,890
I have referenced that using the link element which must be placed in the head section of your hastier

62
00:05:10,890 --> 00:05:20,070
melt document so be external see it says is the most effective way of playing yes as you can imagine

63
00:05:20,070 --> 00:05:23,820
if you have a website that has several hundred pages.

64
00:05:23,820 --> 00:05:25,920
You can you can apply.

65
00:05:25,920 --> 00:05:27,830
This is just from one file.

66
00:05:28,110 --> 00:05:34,020
So that's the benefit of using C is from an external fine if you want to make changes.

67
00:05:34,220 --> 00:05:40,650
No you only have to go to one file and make the changes on that file and it will replicate across the

68
00:05:40,650 --> 00:05:42,480
relevant pages.

69
00:05:42,480 --> 00:05:48,440
Next I want to show you how to add an internal C Ss So what doesn't.

70
00:05:48,450 --> 00:05:56,100
I've commented out the external synthesis reference that I can show you how to add an internal CIA says.

71
00:05:56,310 --> 00:06:03,260
And you don't use the style tax so your typing style is the style element.

72
00:06:09,110 --> 00:06:12,740
So we've all the moments we should have an opening and closing.

73
00:06:13,100 --> 00:06:22,640
So I'm just going to have to separate this style element in between the style and that element is where

74
00:06:22,640 --> 00:06:26,020
you apply the natural laws as this rule.

75
00:06:26,270 --> 00:06:35,180
So I start with the element I want to start which is a paragraph and then high to a calibrators opening

76
00:06:35,180 --> 00:06:44,600
and closing and I select the property I want to start which is a colao Corner and then give it a value

77
00:06:45,590 --> 00:06:49,450
and then say miquel onto it and you can see here it's already changed.

78
00:06:49,690 --> 00:06:58,630
Alright so that's basically how you add a start to the element internally inside the document.

79
00:06:58,850 --> 00:07:02,530
This is not a very effective way if you've got a tiny document is low key.

80
00:07:02,590 --> 00:07:05,490
If you've got multiple web pages.

81
00:07:05,710 --> 00:07:08,200
Always best to go for an external source here.

82
00:07:08,220 --> 00:07:15,350
So imagine if you had to change all the sarlin in the middle document also it makes the hatim a document

83
00:07:15,440 --> 00:07:17,210
a bit messy.

84
00:07:17,210 --> 00:07:21,370
So it's always good to separate the CNS if possible.

85
00:07:21,530 --> 00:07:25,730
So that's an example of an internal success.

86
00:07:25,730 --> 00:07:30,240
Next I'm going to show you how to apply in line CSF.

87
00:07:31,730 --> 00:07:33,780
To show you the illustration.

88
00:07:33,790 --> 00:07:36,150
I'm going to Tiger this element here.

89
00:07:36,350 --> 00:07:39,390
This one here is going to be my selector.

90
00:07:39,620 --> 00:07:44,660
So when you are playing Here's a the line you have to do it in the opening element so and want to make

91
00:07:44,660 --> 00:07:45,710
this element here.

92
00:07:45,830 --> 00:07:48,340
Say 1 1 and make the text read.

93
00:07:48,380 --> 00:07:56,990
So inside the plane how joules to a space to tab and then type in the word style.

94
00:07:59,570 --> 00:08:10,690
Followed by an to two quotes I have to type in the family.

95
00:08:11,140 --> 00:08:20,430
The proper thing I want to start to is going to be a colour and the value it's going to be read.

96
00:08:20,900 --> 00:08:22,210
All right.

97
00:08:22,360 --> 00:08:29,260
And then when you done it put clothes in quotes and then you close you can see is turned red already.

98
00:08:29,410 --> 00:08:36,040
So when you are using an internal synapses you have to add it in the opening element.

99
00:08:36,040 --> 00:08:43,000
You can see here done it inside the opening element and it uses the style as an attribute.

100
00:08:43,000 --> 00:08:50,970
So there's now this towel becomes an attribute where the values is the property.

101
00:08:50,980 --> 00:08:54,640
He asked time in and the value for the property the property value.

102
00:08:54,650 --> 00:08:56,170
So this is a property.

103
00:08:56,170 --> 00:08:57,530
This is a property value.

104
00:08:57,570 --> 00:09:06,370
So you can see here it reflected but very very spiritually you should use internal cso as you can imagine

105
00:09:06,370 --> 00:09:10,520
if he had to change certain things in line or internally.

106
00:09:10,570 --> 00:09:11,880
It took a lot of time.

107
00:09:11,970 --> 00:09:15,090
So it is rarely used.

108
00:09:15,280 --> 00:09:24,190
Just in very rare cases do people use in line csx for example in landseer says will override the external

109
00:09:24,730 --> 00:09:25,620
or internal.

110
00:09:25,620 --> 00:09:36,660
So if you specified a different core law inside the external and you change the core in line lying was

111
00:09:36,760 --> 00:09:39,370
supersede the external.

112
00:09:39,490 --> 00:09:42,460
Very rarely do people use in my stylee.

113
00:09:42,640 --> 00:09:45,850
I'm just showing you here just for illustration purposes.

114
00:09:46,090 --> 00:09:53,650
What pupil you want the profession of use and the proper way to do is to use an external CSA style sheet

115
00:09:53,740 --> 00:10:00,680
and define success inside the Excel file and then it's easy to just make the changes on just to one

116
00:10:00,680 --> 00:10:01,990
far.

117
00:10:03,190 --> 00:10:13,570
So to conclude that I've shown you how to apply the SS externally internally and in line and the most

118
00:10:13,570 --> 00:10:17,300
effective way is external to what I'm going to do.

119
00:10:17,310 --> 00:10:25,190
I'm going to get rid of my in line here just to bring my document back to it once.

120
00:10:27,520 --> 00:10:36,550
It concerns the returned back and I'm also going to get rid of internal CNS when I remove the comment

121
00:10:37,630 --> 00:10:45,030
from the external csx and that should be it.

122
00:10:45,160 --> 00:10:49,790
So I now have my external cso and when a link that link there.

123
00:10:50,140 --> 00:10:55,900
So if I want to add more Sear's is all I need to do is go into this yesus file here.

124
00:10:55,970 --> 00:11:03,370
I just had all my SS so I can see is very effective to do it this way rather than internal or in line.

125
00:11:03,670 --> 00:11:07,430
So that's it for this video applying says.

126
00:11:07,540 --> 00:11:09,650
Thank you and bye for now.