1
00:00:00,330 --> 00:00:00,640
Tam.

2
00:00:00,660 --> 00:00:01,610
Witamy spowrotem.

3
00:00:01,920 --> 00:00:04,060
Więc ta lekcja będzie bardzo szybki.

4
00:00:04,200 --> 00:00:16,480
My tylko mówimy o dwóch znaczników tag div i tag spand i naprawdę nie można mówić o ile chodzi o to, co robią i jak z nich korzystać, dopóki nie dostać się do zobaczyć, gdzie możemy ocenić styl rzeczy.

5
00:00:16,560 --> 00:00:22,410
Ale ja po prostu chcę wprowadzić je teraz, ponieważ mam zamiar pokazać wam rzeczy za pomocą div i przęseł.

6
00:00:22,410 --> 00:00:27,640
W ciągu najbliższych kilku filmach, a ja nie zrobił świetną robotę w rzeczywistości wyjaśnić go w pierwszej wersji tego kursu.

7
00:00:27,690 --> 00:00:31,820
Wróciłem więc i dodał to w po fakcie Po ukończeniu kursu został opublikowany.

8
00:00:31,950 --> 00:00:38,800
Widziałem kilka pytań, które zauważyłem mógłbym wyjaśnić, czy po prostu zrobili lepszą pracę wyjaśniającą Dave wcześniej.

9
00:00:39,000 --> 00:00:39,340
OK.

10
00:00:39,360 --> 00:00:42,030
Więc zaczynajmy mówić o DIV i przęseł.

11
00:00:42,060 --> 00:00:49,770
Pierwszą rzeczą, którą mogę powiedzieć to to, że obaj jak wspomniałem nie są tak użyteczne, dopóki rzeczywiście dostać się do elementów stylizacji.

12
00:00:49,770 --> 00:00:58,060
Ale to, co robią, to one pozwalają zawartości grup razem tak div zgodnie MT-NW jest tylko ogólny pojemnik.

13
00:00:58,320 --> 00:01:09,210
Więc to tylko jest to sposób grupowania rzeczy razem jako przykład nie mówię, że jest to div właśnie tutaj, ale to może być tylko pole div wokół jakiejś treści.

14
00:01:09,210 --> 00:01:20,380
To wygląda jak jakiś tekst tutaj kilka zdjęć i trochę więcej tekstu do grupy, która całkowicie i nadać jej wielki granicy lub nadać jej tło wybaczcie można to zrobić za pomocą div.

15
00:01:20,400 --> 00:01:25,780
Znowu nie rozmawialiśmy o tym, jak to zrobić po prostu jeszcze, ale chodzi o to, że można po prostu grupa rzeczy razem.

16
00:01:25,950 --> 00:01:29,660
Więc będziesz widząc mnie używać div dużo w tym oczywiście w przyszłości.

17
00:01:29,760 --> 00:01:32,450
Niech mi tylko pokazać, szybki przykład.

18
00:01:32,520 --> 00:01:41,750
Więc jeśli mogę dodać jakiś tekst tutaj i to jest rzeczywiście coś, że jeden z uczniów w tym oczywiście wskazał na forum dyskusyjnym.

19
00:01:41,790 --> 00:01:47,410
Nie wiedziałem, o co jest miłe, jeśli wystarczy wpisać Lorem i wciśnij kartę.

20
00:01:47,590 --> 00:01:53,170
To daje nam Lorem Ipsum zasadzie tylko kilka tekst przykładowy tekst zastępczy.

21
00:01:53,280 --> 00:01:58,100
Więc mam zamiar to wykorzystać, aby dwa z nich.

22
00:01:58,440 --> 00:02:06,890
I wtedy też dodać w H1 i powiedzmy, że H-1 to nie ma znaczenia, czy po prostu umieścić tam niczego.

23
00:02:07,020 --> 00:02:14,300
Ale powiedzmy, że jest to pkt i chcę grupy te dwie rzeczy razem.

24
00:02:14,310 --> 00:02:22,150
H-1 w akapicie powiedzmy w końcu znowu nie możemy zrobić teraz, ale w końcu chcę mieć pole wokół jest granica i pomarańczowy granicy.

25
00:02:22,260 --> 00:02:24,230
Ale to nie obejmuje tego.

26
00:02:24,270 --> 00:02:35,340
Co mogę zrobić, to po prostu je zgrupować w znaczniku div SO D V i oszczędzać.

27
00:02:35,460 --> 00:02:42,350
A gdybym odświeżyć stronę lub faktycznie otworzyć go w pierwszej kolejności, że nie będzie to wyglądać inaczej w ogóle.

28
00:02:42,430 --> 00:02:56,540
To nie będzie wyglądać jak coś faktycznie, ponieważ nie ma do stylizacji dla nas, aby zobaczyć wszystko, co się stało jest to, że te dwie rzeczy są teraz grupowane w pojemniku tylko skrzynki generic pojemnik trzymać je razem, że możemy następnie przejść styl później.

29
00:02:56,580 --> 00:03:07,350
Więc jeśli dałem, że dział tło czy zrobiłem to mieć żółte tło żółte tło, że pójdzie z grubsza wokół tego, ale to nie obejmuje żadnej z akapitem drugim.

30
00:03:07,350 --> 00:03:12,440
Więc to jest rozpiętość div z drugiej strony jest również ogólny pojemnik.

31
00:03:12,630 --> 00:03:14,840
Ale jest zasadnicza różnica.

32
00:03:14,910 --> 00:03:17,640
Więc zacznę przykład tutaj.

33
00:03:17,910 --> 00:03:23,520
Powiedzmy, że chciałem podkreślić niektóre z tych słów tutaj.

34
00:03:23,670 --> 00:03:24,600
Ipsum drzwi.

35
00:03:24,660 --> 00:03:30,840
Cokolwiek, co chcę, aby ten żółty zamiast czarnego więc reszta tekstu jest czarny.

36
00:03:30,930 --> 00:03:34,510
Ale chcę podkreślić to jako żółte i zrobić większe czcionki czy coś.

37
00:03:34,590 --> 00:03:36,090
Znowu nie wiemy, jak to zrobić jeszcze.

38
00:03:36,450 --> 00:03:57,120
Ale chodzi o to, że muszę tag wokół tego i jeśli mogę umieścić div tam która jest ogólnym ups kontenerów i zapisać i odświeżyć zobaczysz, że robi się powaliła na nowej linii, a to dlatego, że div jest blok Element poziomie.

39
00:03:57,120 --> 00:04:01,410
To znaczy, że ma się własną linię tak jak paragraf robi.

40
00:04:01,410 --> 00:04:06,960
Po dodaniu pkt we wszystkim po tym pkt jest popychany w dół do nowej linii.

41
00:04:07,230 --> 00:04:10,470
Więc div jest poziom bloku rodzajowe kontenera.

42
00:04:10,470 --> 00:04:25,340
Jeśli mogę wymienić to o rozpiętości nie będzie imponująca w ogóle, ponieważ, jak widzę coś naprawdę widać zmiany tutaj, ale będzie po prostu wyglądać ust regularnego więc mam zamiar odświeżyć i tam jest kontener ,

43
00:04:25,340 --> 00:04:30,140
Teraz istnieje ogólna rozpiętość wokół tej zawartości to nie robi nic.

44
00:04:30,540 --> 00:04:33,860
W przeciwieństwie do div choć to pojemnik inline.

45
00:04:33,870 --> 00:04:41,200
Więc rozpiętość jest w zasadzie grupowania zawartości treści Wybierając w kolejce i div jest inny sposób grupowania treści.

46
00:04:41,310 --> 00:04:42,930
Ale to element poziomie bloków.

47
00:04:43,200 --> 00:04:45,840
Tak wiem, że to jest trochę teoretyczne w tym momencie.

48
00:04:45,970 --> 00:04:48,820
To trochę trudne do zrozumienia użyteczność.

49
00:04:48,990 --> 00:05:08,060
Ale bardzo szybko, gdy mamy do Css będziemy w stanie powiedzieć coś takiego przejść okaże się, że rozpiętość ja dodaną i uczynić z niego piętnaście punktową czcionką i żółte lub udać się okazać, że div I dodaną i nadać mu pomarańczową ramkę i cokolwiek zrobić i wtedy skończyć z pomarańczową ramką tej zawartości.

50
00:05:08,070 --> 00:05:11,020
generyczne pojemniki wszystko w porządku wielkiego div SPAN jest.