1
00:00:00,760 --> 00:00:01,370
好。

2
00:00:01,620 --> 00:00:05,960
因此，在這個視頻我們將從頭開始重新創建這個井字板的運動。

3
00:00:06,060 --> 00:00:09,120
所以，我們要從一開始就開始與一個空文件。

4
00:00:09,130 --> 00:00:13,880
我銅礦板，HVM l可在我們的鍋爐板補充。

5
00:00:14,460 --> 00:00:21,210
只是要叫它T T T板和這部作品只是為了喚起你的記憶的方式。

6
00:00:21,420 --> 00:00:22,550
這是一張桌子。

7
00:00:22,560 --> 00:00:23,950
這整個事情是一個表。

8
00:00:24,000 --> 00:00:30,330
它有三排一二和三每排有三個特威迪的。

9
00:00:30,360 --> 00:00:32,270
因此，我們最終與三三板。

10
00:00:32,430 --> 00:00:42,890
然後呢，我們要做的是去和這三個電視，我們要轉向左側和右側邊框上，然後在這三個我們要去把頂部和底部邊框。

11
00:00:43,560 --> 00:00:48,020
因此，我們需要開始與我們的表，然後三層。

12
00:00:48,810 --> 00:00:53,490
而實際上，我會去和做三皇冠，做的T D的第一次。

13
00:00:53,520 --> 00:01:01,450
因此，我們得到三個電視，然後只是要複製的一次。

14
00:01:01,590 --> 00:01:06,650
現在，我們有我們的三排三要素三台電視中的每一個。

15
00:01:06,720 --> 00:01:12,940
因此，我們將保存，如果我們在瀏覽器中打開這個，你會發現，我們沒有看到的東西。

16
00:01:13,500 --> 00:01:18,860
那是因為，即使我們的表是有有首先有沒有在我們的餐桌。

17
00:01:18,900 --> 00:01:25,910
然後，我們也沒有應用任何樣式的，因為它可能有一個空表，仍然可以看到的東西，這實際上是這是這裡。

18
00:01:25,910 --> 00:01:27,950
有這些表中的任何數據。

19
00:01:28,080 --> 00:01:32,700
在這裡這個例子中，它只是一個表，然後它的風格。

20
00:01:32,700 --> 00:01:34,790
所以，有一個與它具有邊框。

21
00:01:34,980 --> 00:01:36,320
因此，我們需要做的。

22
00:01:36,360 --> 00:01:45,210
所以只是為了證明給你，雖然，它的下面就讓我們來添加一些風格，我要做到這一點的風格標籤這個時候，你應該知道現在。

23
00:01:45,360 --> 00:01:59,370
它不是從長遠來看只是一個解決方案的視頻只是為了方便這裡觀看，使他們不必看我的文件之間翻轉和弄不清楚什麼去哪裡我只是一個做一個偉大的想法文件在這裡的風格標籤的頂部。

24
00:01:59,880 --> 00:02:22,920
所以我要做的第一件事就是選擇T的，給他們一個寬度，這就是因為現在如果我們考察了TT的，你會看到，他們基本上是不存在的。

25
00:02:22,930 --> 00:02:24,830
他們是兩個像素由兩個像素。

26
00:02:24,960 --> 00:02:30,680
所以，他們真的真的很小，這是因為有什麼都沒有，我們還沒有分配給他們帶或高度。

27
00:02:30,690 --> 00:02:43,130
因此，我想要做的就是給他們一個寬度和我們將開始與100像素，然後我們會做同樣的事情高度和我們保存和更新，我們仍然看不到任何東西。

28
00:02:43,500 --> 00:02:46,860
又一次是因為我們還沒有給他們任何東西來顯示。

29
00:02:47,010 --> 00:02:55,380
但是，如果我們去和檢查，現在我們可以看到，現在每個Tedy是一個正方形100 100像素。

30
00:02:55,380 --> 00:02:59,160
因此，讓我們去給他們一個背景，所以您可以看到它們的存在。

31
00:02:59,310 --> 00:03:02,330
背景介紹說，粉紅色保存。

32
00:03:03,000 --> 00:03:05,970
現在我們可以看到，我們有我們的董事會的開端。

33
00:03:06,120 --> 00:03:08,360
所以我究竟要撤消背景顏色。

34
00:03:08,370 --> 00:03:11,400
我只是想告訴你，瓷磚在那裡。

35
00:03:11,400 --> 00:03:12,630
我們有我們的電視。

36
00:03:12,930 --> 00:03:18,750
現在我們需要做的是找出如何有選擇地在邊境轉動。

37
00:03:18,930 --> 00:03:22,800
所以，我們要開始這三個要素。

38
00:03:22,800 --> 00:03:25,380
我們希望打開左側和右側邊界。

39
00:03:25,380 --> 00:03:26,990
所以，如果我刷新頁面。

40
00:03:27,140 --> 00:03:36,310
但是，讓我們通過這裡採取這一頂一個，給它一個左，右季開始。

41
00:03:36,480 --> 00:03:40,990
所以我會去，這就是第二個TD，而不是第一個TR。

42
00:03:41,070 --> 00:03:52,120
我只是去給它一個類，我只是要調用此一縱我打算讓這三個稱為縱向，我們剛剛拿到左右邊框的類。

43
00:03:52,320 --> 00:03:53,820
因此類的equals垂直。

44
00:03:53,820 --> 00:04:11,570
然後，在這裡我們要選擇垂直的，只是給它一個邊框左，讓我們做一個像素的黑色為現在和做同樣的事情邊境。

45
00:04:11,570 --> 00:04:12,530
對。

46
00:04:12,780 --> 00:04:18,280
如果我們保存，我們是新鮮的，你會看到我們有第一方陣完成。

47
00:04:18,690 --> 00:04:23,520
所以，現在我們需要添加T d設定這是它下面，這就是低於電視。

48
00:04:23,790 --> 00:04:29,020
這就是為什麼我做了一類，因為我們要使用它不止一次。

49
00:04:29,220 --> 00:04:45,730
因此，而不是使之成為一個ID，然後做另一個ID這個元素，另一個ID為這一個我完全可以做我可以做類似的ID中，那麼這一個是身份證中間底部或東西。

50
00:04:46,530 --> 00:04:49,570
好吧，我可以有空間，但類似的東西。

51
00:04:49,680 --> 00:04:51,760
那其實並不是一個好主意。

52
00:04:51,780 --> 00:04:57,410
我們不希望有多個ID，這樣我只是打算給它一個類，然後我們班是垂直的。

53
00:04:57,660 --> 00:05:01,350
所以我要去把它給這個為好。

54
00:05:01,560 --> 00:05:04,280
這是我們中間的元素就是正確的下面。

55
00:05:04,440 --> 00:05:07,440
然後另一種是低於。

56
00:05:07,440 --> 00:05:13,000
所以，這三個現在有類垂直，你可以看到，我們得到我們的三個垂直線條。

57
00:05:13,650 --> 00:05:17,770
所以，我們現在我們只需要重複的水平線相同的過程。

58
00:05:18,570 --> 00:05:20,740
因此，我們在這裡想要這個元素。

59
00:05:20,850 --> 00:05:26,250
這裡這一個，這一個在這裡有一個邊框頂部和底部邊框。

60
00:05:26,670 --> 00:05:45,270
所以這次我打算開始與階級，我們得到一個水平和underspin副本這個變化，除了左邊框邊境頂部和邊境底部，那麼我們需要做的就是簽署這份水平類正確的元素。

61
00:05:45,270 --> 00:05:52,260
所以，我們希望這是對的是在這份之一，所以這將是第一個T.T.

62
00:05:52,260 --> 00:05:54,500
在第二TR。

63
00:05:54,870 --> 00:05:56,100
所以我只是要繼續前進，做到這一點。

64
00:05:56,100 --> 00:06:01,420
級等於或對TL和複製。

65
00:06:01,440 --> 00:06:09,910
然後，我們希望它在這裡這中間的一個，你會看到我們已經有一個類垂直和我們有多個類之前，我們還沒有真正看到了這一點。

66
00:06:09,930 --> 00:06:10,910
它真的很容易。

67
00:06:10,920 --> 00:06:13,880
我們所要做的就是添加一個空格。

68
00:06:13,890 --> 00:06:16,350
因此，這不是所謂的垂直橫一類。

69
00:06:16,350 --> 00:06:19,780
這是兩個垂直和水平也。

70
00:06:20,190 --> 00:06:31,840
然後我們會做同樣的事情到最後CD這將是這一個在這兒，如果我們保存，我們刷新我們現在有我們完成井字板的頁面。

71
00:06:31,950 --> 00:06:38,800
所以，我想在這裡做最後的事情就是這麼，它的中心移動這種過度它實際上是很容易。

72
00:06:38,910 --> 00:06:42,460
這是我們的餐桌上的成功只有一條線路。

73
00:06:42,720 --> 00:06:47,820
我們打算給它的秩序保證金和我們走吧。

74
00:06:47,850 --> 00:06:49,820
那保證金自動計算。

75
00:06:49,830 --> 00:06:51,270
你可以看到，我滾動。

76
00:06:51,330 --> 00:07:08,520
我的意思是，我調整窗口，利潤率增加，如果我們想補充一點，每個人在最高層，只是說井字能夠做到這一點下降，然後最後一件事。

77
00:07:08,550 --> 00:07:12,690
但是你會發現，這個元素披檢查。

78
00:07:13,200 --> 00:07:16,480
那麼你可以看到，甚至沒有檢查它，它是就在身邊一路過來。

79
00:07:16,650 --> 00:07:22,900
所以，如果我想在中間走的元素實際上佔用整個屏幕的所有道路。

80
00:07:23,150 --> 00:07:24,620
你可以在這裡看到這種藍色。

81
00:07:24,870 --> 00:07:31,980
所以，我只能中心的文本，這將使我們，H-1實際上是在中間的作用。

82
00:07:31,980 --> 00:07:40,720
所以，我只是把它的H-1文本對齊中心和我保存。