Hello and welcome to this video.
I will show you the various ways you can apply success to his teacher Mel document.
There are three main ways you can apply here says to an eight year old document.
You can apply here says externally you can apply his her internally and also applies here says in line.
I'm going to illustrate with a basic example of how you apply says using this three methods.
I'm going to start with an external source here says an external Seer says basically Seer says that
is referenced from an external far.
So to begin I want to create a Seer says far saw inside my project here have already got afford a horde
stylesheets some will look.
Click on that folder and inside that folder.
I am going to create a new form just right click click on file.
Now does give the file in name.
I'll call it my style dot see.
Yes.
And just press enter.
He can see you now is showing us Style Sheet my style See I so this file now is is this file.
Any content I write in here is still a b c s s saw.
The example I want to do I want to style the paragraph tax so this is a paragraph tag here.
This is also a paragraph tag.
I click on my index page to see email.
You see that I got the Pipi tank here which is this one.
The bottom here have a P tank here which is reference into that.
So if I click on my style sheet again this my side dodge C says so in order to create a style that will
make all of the elements all the paragraph elements a different.
You start with the select also B will be selected.
That's the element I am targeting applies timing to next.
You need curly braces opening and closing it to enter to separate and in between the culbreth is where
I will apply the styling.
So what I want to do.
The property I want to style is the colour.
So I write the column and then you must put a on followed by the value.
I want to give a clue.
I am going to make it blue in a semicolon So that's basically all this suggests.
I'm just going to say that click save what.
So now what he says.
So I need to find a way to reference this assess from my index Dort hastier mail file and the will to
do that is via a link limit so I have now added the link element here.
So this is it.
Got link.
No maybe a limit.
And then you need to hear Treff attribute.
I forgot to put a clause in quotes there.
That's why the rest of the text is highlighter.
So you notice here.
Hey Treff.
It's basically an attribute and the value is stylesheet which is this.
For that is referencing the location or the stylesheet and the name of the stoutish just caught my style
does here says which is this.
And then next we've got this real attribute attribute defines the relationship that the linked resales
has to the document from which it is referenced.
So here we are referencing the statute and the time.
This is an attribute which indicates what type of documents it is and the value is a text.
It's a text Slash says file.
So this is how you would reference an external Seer says inside your hishe CML documents Im referencing
this SS file from my email document and it is important to know that you must place it in the head section.
The reason for this is before the page loads you want any theosis that's available to be applied as
page loads.
So if I save this save all how refreshed you can see here now.
My paragraph has turned blue because if I click is tell my is here giving it a property of blue.
That's how this came about.
I have referenced that using the link element which must be placed in the head section of your hastier
melt document so be external see it says is the most effective way of playing yes as you can imagine
if you have a website that has several hundred pages.
You can you can apply.
This is just from one file.
So that's the benefit of using C is from an external fine if you want to make changes.
No you only have to go to one file and make the changes on that file and it will replicate across the
relevant pages.
Next I want to show you how to add an internal C Ss So what doesn't.
I've commented out the external synthesis reference that I can show you how to add an internal CIA says.
And you don't use the style tax so your typing style is the style element.
So we've all the moments we should have an opening and closing.
So I'm just going to have to separate this style element in between the style and that element is where
you apply the natural laws as this rule.
So I start with the element I want to start which is a paragraph and then high to a calibrators opening
and closing and I select the property I want to start which is a colao Corner and then give it a value
and then say miquel onto it and you can see here it's already changed.
Alright so that's basically how you add a start to the element internally inside the document.
This is not a very effective way if you've got a tiny document is low key.
If you've got multiple web pages.
Always best to go for an external source here.
So imagine if you had to change all the sarlin in the middle document also it makes the hatim a document
a bit messy.
So it's always good to separate the CNS if possible.
So that's an example of an internal success.
Next I'm going to show you how to apply in line CSF.
To show you the illustration.
I'm going to Tiger this element here.
This one here is going to be my selector.
So when you are playing Here's a the line you have to do it in the opening element so and want to make
this element here.
Say 1 1 and make the text read.
So inside the plane how joules to a space to tab and then type in the word style.
Followed by an to two quotes I have to type in the family.
The proper thing I want to start to is going to be a colour and the value it's going to be read.
All right.
And then when you done it put clothes in quotes and then you close you can see is turned red already.
So when you are using an internal synapses you have to add it in the opening element.
You can see here done it inside the opening element and it uses the style as an attribute.
So there's now this towel becomes an attribute where the values is the property.
He asked time in and the value for the property the property value.
So this is a property.
This is a property value.
So you can see here it reflected but very very spiritually you should use internal cso as you can imagine
if he had to change certain things in line or internally.
It took a lot of time.
So it is rarely used.
Just in very rare cases do people use in line csx for example in landseer says will override the external
or internal.
So if you specified a different core law inside the external and you change the core in line lying was
supersede the external.
Very rarely do people use in my stylee.
I'm just showing you here just for illustration purposes.
What pupil you want the profession of use and the proper way to do is to use an external CSA style sheet
and define success inside the Excel file and then it's easy to just make the changes on just to one
far.
So to conclude that I've shown you how to apply the SS externally internally and in line and the most
effective way is external to what I'm going to do.
I'm going to get rid of my in line here just to bring my document back to it once.
It concerns the returned back and I'm also going to get rid of internal CNS when I remove the comment
from the external csx and that should be it.
So I now have my external cso and when a link that link there.
So if I want to add more Sear's is all I need to do is go into this yesus file here.
I just had all my SS so I can see is very effective to do it this way rather than internal or in line.
So that's it for this video applying says.
Thank you and bye for now.