1
00:00:01,020 --> 00:00:06,180
CSI CSI has stands for cascading style sheets.

2
00:00:07,260 --> 00:00:10,410
So it's basically used this style, an HTML document.

3
00:00:11,560 --> 00:00:19,840
The CSX document contains lines that are called CSX rules, and it says, as rule is formed like this

4
00:00:20,770 --> 00:00:26,680
selecter, which selects the elements to apply the updated property values to.

5
00:00:27,850 --> 00:00:34,480
And then a set of properties which have values set to update how the digital content is displayed.

6
00:00:35,690 --> 00:00:42,890
So let's go back and have a look at our code again, the rules can be applied to a document or an element

7
00:00:42,890 --> 00:00:44,220
in three ways.

8
00:00:44,990 --> 00:00:49,160
First one is with an external style file that is linked like this.

9
00:00:50,390 --> 00:00:55,970
And the developer can link a local access file on the same server or on a remote server.

10
00:00:57,890 --> 00:01:04,760
And here you see the rules, it will be applied to the selectors, which will point to the elements

11
00:01:04,760 --> 00:01:05,510
in the document.

12
00:01:08,180 --> 00:01:10,880
And then the second one is internal style.

13
00:01:12,050 --> 00:01:13,310
Like Mark here.

14
00:01:14,460 --> 00:01:19,050
So it works completely the same, but it is on the page that is affected.

15
00:01:20,970 --> 00:01:28,830
And the third one is in line style, so to define success rules for an element, the developer must

16
00:01:28,830 --> 00:01:31,470
use this style attribute.

17
00:01:32,490 --> 00:01:33,690
And that's how this works.

18
00:01:35,640 --> 00:01:42,990
So as we talked about in our browser section, the browser combines the HTML document and the style

19
00:01:42,990 --> 00:01:45,630
documents together into Dume.

20
00:01:45,840 --> 00:01:52,430
So you can think of the DOM as it represents the document in the browsers memory.

21
00:01:53,130 --> 00:01:55,350
Then the browser displays the content of the DOM.

22
00:01:56,270 --> 00:01:59,590
And do two different engines and browsers.

23
00:02:00,320 --> 00:02:10,550
The browser may sometimes interpret shiest rules a little differently so we can benefit by this by preparing

24
00:02:10,550 --> 00:02:13,990
payloads to manipulate the application logic.

25
00:02:14,360 --> 00:02:15,890
So that doesn't quite make sense.

26
00:02:16,400 --> 00:02:18,170
Let's talk more about Dom.