Tam.
Witamy spowrotem.
Więc ta lekcja będzie bardzo szybki.
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.
Ale ja po prostu chcę wprowadzić je teraz, ponieważ mam zamiar pokazać wam rzeczy za pomocą div i przęseł.
W ciągu najbliższych kilku filmach, a ja nie zrobił świetną robotę w rzeczywistości wyjaśnić go w pierwszej wersji tego kursu.
Wróciłem więc i dodał to w po fakcie Po ukończeniu kursu został opublikowany.
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.
OK.
Więc zaczynajmy mówić o DIV i przęseł.
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.
Ale to, co robią, to one pozwalają zawartości grup razem tak div zgodnie MT-NW jest tylko ogólny pojemnik.
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.
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.
Znowu nie rozmawialiśmy o tym, jak to zrobić po prostu jeszcze, ale chodzi o to, że można po prostu grupa rzeczy razem.
Więc będziesz widząc mnie używać div dużo w tym oczywiście w przyszłości.
Niech mi tylko pokazać, szybki przykład.
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.
Nie wiedziałem, o co jest miłe, jeśli wystarczy wpisać Lorem i wciśnij kartę.
To daje nam Lorem Ipsum zasadzie tylko kilka tekst przykładowy tekst zastępczy.
Więc mam zamiar to wykorzystać, aby dwa z nich.
I wtedy też dodać w H1 i powiedzmy, że H-1 to nie ma znaczenia, czy po prostu umieścić tam niczego.
Ale powiedzmy, że jest to pkt i chcę grupy te dwie rzeczy razem.
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.
Ale to nie obejmuje tego.
Co mogę zrobić, to po prostu je zgrupować w znaczniku div SO D V i oszczędzać.
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.
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.
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.
Więc to jest rozpiętość div z drugiej strony jest również ogólny pojemnik.
Ale jest zasadnicza różnica.
Więc zacznę przykład tutaj.
Powiedzmy, że chciałem podkreślić niektóre z tych słów tutaj.
Ipsum drzwi.
Cokolwiek, co chcę, aby ten żółty zamiast czarnego więc reszta tekstu jest czarny.
Ale chcę podkreślić to jako żółte i zrobić większe czcionki czy coś.
Znowu nie wiemy, jak to zrobić jeszcze.
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.
To znaczy, że ma się własną linię tak jak paragraf robi.
Po dodaniu pkt we wszystkim po tym pkt jest popychany w dół do nowej linii.
Więc div jest poziom bloku rodzajowe kontenera.
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 ,
Teraz istnieje ogólna rozpiętość wokół tej zawartości to nie robi nic.
W przeciwieństwie do div choć to pojemnik inline.
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.
Ale to element poziomie bloków.
Tak wiem, że to jest trochę teoretyczne w tym momencie.
To trochę trudne do zrozumienia użyteczność.
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.
generyczne pojemniki wszystko w porządku wielkiego div SPAN jest.