1
00:00:00,890 --> 00:00:01,520
Hello Dad.

2
00:00:02,050 --> 00:00:02,990
I'm Capricorn.

3
00:00:03,040 --> 00:00:13,220
And welcome to my C as this school's let us start with what is CFS CFS stands for cascading style sheets.

4
00:00:13,350 --> 00:00:16,950
It defines how extreme elements are to be displayed.

5
00:00:17,040 --> 00:00:23,730
In other words it helps to format and add science to achievement and the means CSF is used to design

6
00:00:23,730 --> 00:00:28,320
the web page layouts and how these notes appear on different screens.

7
00:00:28,320 --> 00:00:37,560
This is what bill extreme and looks like on CFS condone it and do this CSA styling follows the syntax.

8
00:00:37,600 --> 00:00:40,070
Let us see what these lines mean.

9
00:00:40,070 --> 00:00:46,620
It consists of a selector on a declaration block the selector helps to choose the external element.

10
00:00:46,740 --> 00:00:52,880
The declaration block contains all the declarations on these declarations define certain styles we can

11
00:00:52,880 --> 00:00:56,470
define multiple styles what initial GMO element as you can see you.

12
00:00:56,620 --> 00:00:59,030
So you've defined font style and color.

13
00:00:59,180 --> 00:01:01,220
So these are two declarations.

14
00:01:01,280 --> 00:01:03,740
Let's see what this declaration line means.

15
00:01:03,740 --> 00:01:06,490
First we have a strong political font size.

16
00:01:06,680 --> 00:01:09,820
Then we have a rally which is twenty four pixels.

17
00:01:09,860 --> 00:01:15,020
This line just means give font size 24 pixels to the selected extreme element.

18
00:01:15,530 --> 00:01:22,020
CSX has a lot of such properties for defining different styles like background color element with element

19
00:01:22,030 --> 00:01:24,500
height borders and much more.

20
00:01:24,500 --> 00:01:27,060
Let's talk a bit about these selectors.

21
00:01:27,110 --> 00:01:32,480
We can use the HDMI Dagny if we want to style extreme elements with that.

22
00:01:32,720 --> 00:01:39,320
For example in this case all the HDTV elements with paragraph tags will get a phone size of 24 pixels

23
00:01:39,770 --> 00:01:45,960
and X color blue similarly say you wanted to give a red color to all the H3 tags.

24
00:01:45,990 --> 00:01:53,080
You could do something like this similarly if you want to select a specific HDMI element we can use

25
00:01:53,080 --> 00:01:55,440
the external ideally.

26
00:01:55,640 --> 00:02:01,080
So as you can see we've selected this HD image element with the Audi color.

27
00:02:01,160 --> 00:02:07,880
And we've given it a width of four and pixels and height of four hundred pixels now saying we want to

28
00:02:07,880 --> 00:02:11,150
stay the multiple stimulus elements with the same style.

29
00:02:11,270 --> 00:02:18,290
Then we can use that plus property as you can see in selecting all the paragraphs with the last message

30
00:02:18,820 --> 00:02:25,150
and we're giving them a color rate in the coming the deals we can learn all about.

31
00:02:25,170 --> 00:02:26,190
As this.

32
00:02:26,230 --> 00:02:27,400
See you in the next video.

33
00:02:27,400 --> 00:02:28,710
Bye and take care.