1
00:00:05,520 --> 00:00:16,050
Another fundamental property relating to space is the property called display, that means to show this

2
00:00:16,050 --> 00:00:24,720
property will get used above all, when dealing with specific properties relating to contents positioning.

3
00:00:25,600 --> 00:00:36,310
I'm introducing them right now to enable you to display and work with the base attributes of the property

4
00:00:36,340 --> 00:00:37,660
we are talking about.

5
00:00:38,200 --> 00:00:46,900
We'll see how to make the content of a specific selector disappear, how to make it appear exactly the

6
00:00:46,900 --> 00:00:55,960
way it is without it having attributes, for example, height and width inserted within it.

7
00:00:57,320 --> 00:01:06,380
Or else, again, how to make the page have a new paragraph every time a specific selector appears as

8
00:01:06,380 --> 00:01:14,510
a tag within the page, and so to detach it and make it different from the rest of the content, first

9
00:01:14,510 --> 00:01:22,160
of all, let's see the display nonfunctioning that we are going to insert into age, too.

10
00:01:22,940 --> 00:01:28,940
Like the name suggests, none makes the content of this tag inside the page.

11
00:01:29,180 --> 00:01:30,080
These appear.

12
00:01:31,290 --> 00:01:33,420
Therefore, saving and refreshing.

13
00:01:34,250 --> 00:01:39,160
As you see, the contents of age two have totally disappeared.

14
00:01:40,180 --> 00:01:48,610
And now there are only the LRM relative to Section one and Section two, this attribute is used when

15
00:01:48,610 --> 00:01:58,150
you have to exclude a part of the content of our age HTML documents according to a certain type of device

16
00:01:58,150 --> 00:02:05,760
where you display the document different from display none, which we are deleting here.

17
00:02:06,310 --> 00:02:12,520
As you remember, the buddy has a 750 pixel maximum weight.

18
00:02:12,700 --> 00:02:19,990
If we serve again, we may retrieve our age too and see that there is a limit to the inserted width

19
00:02:20,350 --> 00:02:23,080
if we inserted display in line.

20
00:02:25,080 --> 00:02:33,840
Basically, with this feature, it is as if we were telling our sheet to insert this specific tag,

21
00:02:34,500 --> 00:02:44,020
therefore Bunnie therefore all our document in the most natural way without altering height and weight.

22
00:02:44,670 --> 00:02:47,190
So let's say refresh.

23
00:02:47,190 --> 00:02:55,500
And as you see, the content now has no limitations, neither as far as height nor as far as weight.

24
00:02:55,890 --> 00:03:05,160
As for the non attribute in this case to in line gets used when you need to exclude predefine height

25
00:03:05,160 --> 00:03:13,980
and weight caused by a specific selector with the display modifications in favor of another type of

26
00:03:13,980 --> 00:03:22,380
device, not bound to have the need to have specified values regarding height and weight as defined

27
00:03:22,380 --> 00:03:29,040
in a specific way, finally to see the functionality of display block.

28
00:03:30,090 --> 00:03:38,310
The is everything that gets moved onto a new paragraph that's insur The Span Selecter, as you remember

29
00:03:38,310 --> 00:03:45,440
from our HTML here we have span plus one and span idee one.

30
00:03:46,020 --> 00:03:51,720
Let's retrieve our span in its original position before use.

31
00:03:54,230 --> 00:04:04,640
In this moment, the class plus one and Ida Ida one are not in the stylesheet, so saving and refreshing,

32
00:04:04,760 --> 00:04:07,550
we won't obtain any difference.

33
00:04:08,150 --> 00:04:15,450
And we know that this ban has been inserted in this position and that spun in the other position, refreshing

34
00:04:15,470 --> 00:04:19,490
our stylesheet and inserting this play.

35
00:04:20,090 --> 00:04:21,850
Look for the spane.

36
00:04:22,400 --> 00:04:31,820
We know that everything that gets displayed as PEN has to stop what comes before and after it and appear

37
00:04:31,850 --> 00:04:33,150
on just one line.

38
00:04:33,440 --> 00:04:36,170
Now let's say refresh.

39
00:04:37,540 --> 00:04:38,440
And see that.

40
00:04:39,610 --> 00:04:47,860
The Section one span and the Section two span got inserted as a new line.

41
00:04:49,370 --> 00:04:51,110
Between the two paragraphs.

42
00:04:52,560 --> 00:05:01,410
Surely you can see that the potentials display has countless when we see more in depth, other types

43
00:05:01,410 --> 00:05:02,460
of display.

44
00:05:03,940 --> 00:05:08,260
Therefore, other uses the display function provides.

45
00:05:11,100 --> 00:05:18,330
You will acknowledge how with the oncoming of the responsive design using new functions which adapt

46
00:05:18,330 --> 00:05:25,200
the content according to the device where they are displayed is more and more necessary.