1
00:00:00,330 --> 00:00:00,640
那裡。

2
00:00:00,660 --> 00:00:01,610
歡迎回來。

3
00:00:01,920 --> 00:00:04,060
所以，這個教訓將是非常快的。

4
00:00:04,200 --> 00:00:16,480
我們只是在談論兩個標籤的DIV標籤和標籤spand，我們真的不能為他們做些什麼太大據說話，我們如何使用它們，直到我們能看到評估，我們可以風格的東西。

5
00:00:16,560 --> 00:00:22,410
但我只想現在來介紹一下，因為我要告訴你使用div的，跨越東西。

6
00:00:22,410 --> 00:00:27,640
在接下來的幾個視頻，我沒有做大量的工作其實在這個過程中的第一稿解釋它的。

7
00:00:27,690 --> 00:00:31,820
等我回去和課程發表後事後在添加了此。

8
00:00:31,950 --> 00:00:38,800
我看到了，我發現也許我可以澄清，如果我只是做了一個更好的工作解釋戴夫在前面幾個問題。

9
00:00:39,000 --> 00:00:39,340
好。

10
00:00:39,360 --> 00:00:42,030
所以，讓我們開始談論的div和跨越。

11
00:00:42,060 --> 00:00:49,770
我要說的第一件事是，無論我提到他們是沒有什麼作用，直到我們真正得到的造型元素。

12
00:00:49,770 --> 00:00:58,060
但他們做的是他們讓你組內容結合起來，以便根據MT-NW一個div只是一個普通的容器。

13
00:00:58,320 --> 00:01:09,210
所以它只是一個很分組的東西放在一起，因為我不是說這是一個div就在這裡一個實例的方式，但是這可能是一個div只是周圍的一些內容框。

14
00:01:09,210 --> 00:01:20,380
它看起來像一些文字在這裡一些圖片和一些文字，以組乾脆給它一個很大的邊框或給它一個背景原諒我，你可以做到這一點的div。

15
00:01:20,400 --> 00:01:25,780
同樣，我們還沒有談到如何做到這一點，只是還沒有，但想法是，你可以組東西放在一起。

16
00:01:25,950 --> 00:01:29,660
所以，你會看到我用的div很多在這個過程中向前發展。

17
00:01:29,760 --> 00:01:32,450
讓我告訴你一個簡單的例子。

18
00:01:32,520 --> 00:01:41,750
所以，如果我在這裡添加一些文字，這實際上是一些學生在這門課程之一，在論壇中指出。

19
00:01:41,790 --> 00:01:47,410
我不知道這是很好的，如果你只需要輸入的Lorem和打標籤。

20
00:01:47,590 --> 00:01:53,170
它會給我們Lorem存有基本上只是一堆示例文本佔位符文本。

21
00:01:53,280 --> 00:01:58,100
所以我要利用這個提出兩個那些。

22
00:01:58,440 --> 00:02:06,890
然後還可以添加在H1，讓我們說，這個H-1這其實並不重要，或只是把任何東西在那裡。

23
00:02:07,020 --> 00:02:14,300
但是，讓我們說這是一個段落，我希望將這兩件事情一起。

24
00:02:14,310 --> 00:02:22,150
在該段的H-1讓我們最終再說一遍，我們不能這樣做，但現在最終我想有一個盒子，是不是就是邊框和橙色邊框。

25
00:02:22,260 --> 00:02:24,230
但它不包括這一項。

26
00:02:24,270 --> 00:02:35,340
我能做的也只是他們組合在一起在一個div標籤，這樣D V和保存。

27
00:02:35,460 --> 00:02:42,350
如果我刷新頁面或實際擺在首位打開它，它不會看起來不同的。

28
00:02:42,430 --> 00:02:56,540
它不會看起來像什麼其實是因為沒有風格讓我們看到所有的情況是，這兩樣東西都是在一個容器只是一個普通的盒容器，現在分組，以阻止他們在一起，我們可以再後來去的風格。

29
00:02:56,580 --> 00:03:07,350
所以，如果我給了該分區的背景下，如果我做到了有一個黃色背景黃色背景將大致去解決這個，但它不會包含任何第二段。

30
00:03:07,350 --> 00:03:12,440
所以這是另一方面的div跨度也一般容器。

31
00:03:12,630 --> 00:03:14,840
但有一個關鍵的區別。

32
00:03:14,910 --> 00:03:17,640
因此，讓我從一個例子開始在這裡。

33
00:03:17,910 --> 00:03:23,520
比方說，我想強調其中的一些話就在這裡。

34
00:03:23,670 --> 00:03:24,600
存有門。

35
00:03:24,660 --> 00:03:30,840
無論任何我想使這個黃色而不是黑色，所以文本的其餘部分為黑色。

36
00:03:30,930 --> 00:03:34,510
但我想強調這是黃色，使字體變大或什麼的。

37
00:03:34,590 --> 00:03:36,090
同樣，我們不知道該怎麼做呢。

38
00:03:36,450 --> 00:03:57,120
但這個想法是我需要一個標籤圍繞這一點，如果我把一個div在那裡它是一個通用容器跌宕我保存並刷新你會看到它被敲到一個新的行，這是因為一個div是塊級元素。

39
00:03:57,120 --> 00:04:01,410
因此，這意味著，它佔用了自己的路線就像一個段落一樣。

40
00:04:01,410 --> 00:04:06,960
當您在家居添加段落的那款推到一個新的行之後。

41
00:04:07,230 --> 00:04:10,470
所以，一個div是塊級通用容器。

42
00:04:10,470 --> 00:04:25,340
如果我有一個跨度替換此這不會是令人印象深刻的，因為在所有我怎麼能看到什麼真正在這裡你會看到一個變化，但它只是看起來像一個普通的段落，所以我打算刷新並有一個容器。

43
00:04:25,340 --> 00:04:30,140
現在有解決這個內容不是做任何一個通用的跨度。

44
00:04:30,540 --> 00:04:33,860
不像一個div雖然這是一個內聯容器。

45
00:04:33,870 --> 00:04:41,200
所以跨度為基本上分組在線內容選擇內容和一個div是分組內容的另一種方法。

46
00:04:41,310 --> 00:04:42,930
但它是一個塊級元素。

47
00:04:43,200 --> 00:04:45,840
所以我知道這是一個有點理論在這一點上。

48
00:04:45,970 --> 00:04:48,820
這是一種很難理解的效用。

49
00:04:48,990 --> 00:05:08,060
但是很快，當我們為C SS我們就可以這樣說去找跨度我加入，使其15點字體和黃色或去找該div我加入，並給它一個橙色的邊框，無論我們做什麼，然後我們最終解決此內容的橙色邊框。

50
00:05:08,070 --> 00:05:11,020
好大的div跨度的通用容器。