Welcome.
In that.
I will introduce you to singer says I will also be explaining.
Sears says rules set by rule said I mean this syntax or the way this structure is put together what
I see is this.
C stands for Cascading Style Sheets says describes how hastier mill elements should be displayed.
This is what is referred to as style language and not a programming language says is the code used to
style your web page.
Just like a stylist can style your hair.
You can you see a sense of style his tier male helmets.
A typical example will be if you wanted to style all the power grab elements of your hastier email.
If you want to turn the content on a text into read.
This is how you would write the thesis.
So the P will indicate be outroar selector which is hitting the element you trying to start.
All the property that you are trying to apply.
The blue will be the value for the property that you are trying to apply.
So what this syntax is saying all those rules say it is saying I want to make all the paragraph element
blue.
Let's take a look at a typical says rule set.
So they strong.
Sure you can see on the screen is referred to as a rule set.
It's often called rule for short.
So let me quickly run through the syntax here.
So when you want to apply a says to his team eliminate the very first thing you do is you have to specify
the element and that is referred to as a selector.
So in this case the P here is to select top which is the hastier male element.
I want to apply styling to next thing to do.
You need to put in an open calibrates and clausing calibrate very important.
You had the curly braces and inside the curly braces is where you actually ebright csx.
So it contains all different parts.
So the connole here you can apply any property.
The column basically is just one of many properties that you can use to style.
Here's tier mail elements in this illustration style in the paragraph element with the column property
is going to change the colour of all elements that have got the p tag.
Okay so the connole is referred to as a property and then you call on it's very important you have to
separate the property from the property value with the colony can see the school on here.
Once you've indicated the property then you have to give it.
And this is known as the property value.
In this example I'm stylin the paragraph tag which is is P which is a select or change in the column
property to papau.
Okay so that's how you do it and when you finish you have to end it with a semicolon.
Cynical and very important because it tells this here's this rule set.
This is the end of this declaration.
So the entire thing here from the call of property to the property value is called a declaration.
So these are the various parts of his thesis ruleset.
Before you can apply this to an element you need to consider all these various parts.
In this illustration I've just got a single rule here.
You can have multiple for example.
I could decide to add more properties because just one property I could add this size which is another
property and then give the size value so there are different properties you can apply to an aged element
to style it.
So the key points to note here is that don't forget the semicolon if you forget the semicolon on the
styling will not work.
It will not be applied.
So dont forget that and also dont forget to separate the property you're trying to start from the value.
So property value must be separated with a colon.
And don't forget the opening and curly braces.
Your property value must be contained in between the curly braces.
So you have to start off with a select top being hastier male element you want to start.
You can start many many selectors.
You can also style multiple selections at a time by separating it one with a car.
In this illustration just to make things keep things simple.
Im just using one selector in this video.
I explained what theosis means and also illustrated how a Seer says ruleset works.
Thank you for watching and bye for now.