WEBVTT FILE





1
00:00:06.649 --> 00:00:11.940
in this video we're gonna learn how to change the and display properties of

2
00:00:11.940 --> 00:00:18.150
HTML elements first we're gonna use the same source code as in the add event

3
00:00:18.150 --> 00:00:25.680
span file and now let's try to make the Facebook div hidden so if one a try if

4
00:00:25.680 --> 00:00:31.560
wanna hide the Facebook div and also we want to keep the we want to preserve the

5
00:00:31.560 --> 00:00:38.540
space that Facebook is taking taking now we're gonna use the visibility property

6
00:00:38.540 --> 00:00:48.180
so since Isis easy visibility is set to hidden and now we see that Facebook now

7
00:00:48.180 --> 00:00:56.809
is hidden by still preserving the space it was taken up before okay so now if we

8
00:00:56.809 --> 00:01:03.629
get rid of the visibility property and we want to try something else when I try

9
00:01:03.629 --> 00:01:08.939
to hide Facebook and also we don't want Facebook to take any space anymore so

10
00:01:08.939 --> 00:01:13.530
this this time we're gonna use the display property now we're gonna set it

11
00:01:13.530 --> 00:01:20.580
to null so now you can see that Facebook doesn't show up and also it doesn't take

12
00:01:20.580 --> 00:01:25.140
any space on the webpage and all the other elements in the flow of the page

13
00:01:25.140 --> 00:01:32.810
are behaving as if Facebook doesn't exist anymore okay so another thing that

14
00:01:32.810 --> 00:01:40.380
we use the display property for is to change the way inline elements are

15
00:01:40.380 --> 00:01:43.860
displayed so if we want an inline element to be displayed as if it was a

16
00:01:43.860 --> 00:01:50.490
block elements we use the display property so the way to do that so for

17
00:01:50.490 --> 00:01:56.820
instance if we want to change the this span so if we want it to be displayed as

18
00:01:56.820 --> 00:02:04.250
a block element so I'm going to use the display property

19
00:02:08.229 --> 00:02:23.360
and we set display to block so now this span is displayed as a block element but

20
00:02:23.360 --> 00:02:30.140
it's still an inline enemy so which means that it's not allowed to have

21
00:02:30.140 --> 00:02:35.180
other block elements inside of it it's still an inline elements but it's just

22
00:02:35.180 --> 00:02:41.000
displayed as a block elements there for now and we can do the same thing for

23
00:02:41.000 --> 00:02:48.880
block elements to transform them to or display them as inline elements