Hello and welcome.
Thank you for signing up to this course.
In this video you will learn what a CSF syntax rule is.
CSX is used to a style heftier metal elements.
This is an illustration of a CSF syntax rule.
It consists of a select top and a declaration.
BLOCK The selector is the CML element you want to apply styling to.
In this illustration.
The selector is the p tag which is used to create paragraphs in haste CML the declaration block contains
a property and a value the property and the value together forms a declaration.
BLOCK The property refers to what style you want to apply to the hefty AML selector and the value is
the outcome.
In this case we've got two declaration blocks in the first block.
The property is a collar and the value is red.
So what we're saying here we want to make a paragraph tag here have text that is read
in the second declaration block we use the font size property to keep the text in the paragraph.
A certain size this size we have specified here is 24 pixels which is a unit of measurement us as rule
can have more than one declaration blocks as you can see in this illustration of Code 2.
Declaration blocks.
Dialing 1 selector here so assesses syntax rule consist of a selector.
You must have an HMO element you want to apply styling to and then you have a declaration block which
consists of the property and the value.
The declaration blocks are enclosed inside curly braces.
These yellow curly braces is very important that they match.
So you've got the left and the right on.
They must match if not the styling will not work.
Also notice there is a semicolon at the end of each declaration block.
This is very important because it specifies the end of that declaration.
Also notice that the colon is used to separate the property and the value.
So you've got a colon here used to separate the property and the value.
This is how you would represent the syntax shown in the illustration in a text editor.
So this is the.
This is the staff here.
If you are applying style internally into an HMO document you have to enclose them in the style tag.
So this in this case here.
The paragraph tag here which is this here in the body is the selector and between the braces here the
curly braces we have our declaration block.
This is the first declaration block here and then here and then this is the second declaration block.
Notice I've got my semicolon here at the end of the Declaration block outside the curly braces and I've
got my colon here that separates the property and the value.
And then we've got the semicolon for the end of the first block and then we've got another call on here
that separates the property and the value of the second declaration block.
So this is how you would represent a CSF syntax a mosque consists a must have an HMO element to Stout
which is the selector and then it stalls it with the property and the property must have a value.
In this example here this is a web page that has been styled with a text of red.
So this column read here what it does is made this paragraph here Red.
That's what this column here this column property is used to make the text read in this video.
I explained what a CSF syntax rule is that is syntax consists of a selector and one or more declaration
block to declare which on blocks consists of a property and in value.
Thank you so much for watching.
I hope the video has been helpful.
Thanks and bye for now.