1
00:00:00,390 --> 00:00:01,650
好歡迎回來。

2
00:00:01,660 --> 00:00:05,770
在這段視頻中，我們要馬上對我們網站的造型工作。

3
00:00:05,850 --> 00:00:09,530
這肯定遠不什麼它應該看起來像在年底。

4
00:00:09,810 --> 00:00:12,960
因此，讓我們居然並排比較它們的一面。

5
00:00:13,530 --> 00:00:14,840
下面是在這裡我們的。

6
00:00:15,030 --> 00:00:21,280
所以一些大的變化，我們需要做四捨五入角落在這裡加入一些間距往上頂。

7
00:00:21,360 --> 00:00:23,260
改變這裡的按鈕樣式。

8
00:00:23,490 --> 00:00:32,370
所以，這些按鈕並不真的像按鈕，直到你將鼠標懸停在他們，我們得到一個懸停影響我們的按鈕是絕對可怕的，我們不會對他們有任何懸停效果。

9
00:00:32,370 --> 00:00:35,200
另外他們的位置是有點不對勁。

10
00:00:35,550 --> 00:00:48,310
正如你可以看到，如果我在這裡想我得到的文本，但如果我是那清新高科技空間已經佔用與我們的版本，如果我猜的文本推一切的向兩側。

11
00:00:48,470 --> 00:00:51,480
也有在這裡的動畫。

12
00:00:51,510 --> 00:01:02,990
所以，當我點擊看到他們是如何慢慢淡出我們就當我們點擊好，如果我點擊了不正確的之一，它只是立即被刪除。

13
00:01:03,000 --> 00:01:05,790
因此，我們要添加到一個過渡。

14
00:01:05,790 --> 00:01:09,200
此外，我們有H-1在這裡需要對我們的一些工作。

15
00:01:09,390 --> 00:01:10,920
它需要佔用更多的空間。

16
00:01:11,130 --> 00:01:12,930
我們需要改變背景顏色。

17
00:01:12,930 --> 00:01:14,520
我們要改變字體。

18
00:01:14,910 --> 00:01:22,610
我們需要確保我們的色彩的跨度格式正確無誤所以它在自己的行，這是一個更大的字體。

19
00:01:22,710 --> 00:01:25,910
此外，我們需要改變字體為整個身體。

20
00:01:25,950 --> 00:01:28,020
所以這些都是相同的字體。

21
00:01:28,080 --> 00:01:37,470
，最後你會發現，我們有一點點空間就在這裡的條紋和身體的結束和解決方案的版本沒有空間可言。

22
00:01:38,030 --> 00:01:38,490
好。

23
00:01:38,550 --> 00:01:41,580
讓我們首先解決這一H-1開始。

24
00:01:41,990 --> 00:01:52,700
因此，我們會去我的亞系的文本，然後轉到H-1和將要做的僅僅是調整在中間的東西，你可以在解決方案中看到的第一件事。

25
00:01:52,890 --> 00:01:54,170
事情對準中心。

26
00:01:54,210 --> 00:02:03,070
因此，我們需要做的就是添加文本對齊中心以及保存和刷新。

27
00:02:03,360 --> 00:02:06,520
好吧略有改善。

28
00:02:06,540 --> 00:02:17,280
接下來讓我們改變背景顏色所以顏色會是藍色的還是，但你會發現，如果我刷新頁面，現在它工作得很好。

29
00:02:17,400 --> 00:02:23,010
但是，如果我再次刷新，然後我贏得比賽還是我點擊了新的色彩。

30
00:02:23,010 --> 00:02:31,970
這又回到了黑色，這就是因為我們的JavaScript代碼重寫，我們正在設置回我們的JavaScript這種暗灰色黑色的顏色。

31
00:02:32,010 --> 00:02:37,320
我們需要找到我們重置為這種顏色是2 3 2 3 2 3的位置。

32
00:02:37,320 --> 00:02:38,040
開始了。

33
00:02:38,100 --> 00:02:40,820
我們只是想改變這是仍然藍色。

34
00:02:41,340 --> 00:02:44,690
這也是當我刷新它開始它仍然是藍色的。

35
00:02:44,850 --> 00:02:45,970
我得到新的顏色。

36
00:02:45,990 --> 00:02:47,870
它保持靜止藍色。

37
00:02:48,360 --> 00:02:48,810
好。

38
00:02:48,870 --> 00:02:49,830
不過就是這樣。

39
00:02:49,830 --> 00:02:54,430
現在，讓我們對我們的H-1的兩側擺脫所有的黑色空間。

40
00:02:54,870 --> 00:03:02,230
因此，在我們的H-1，我們要得到頂部和底部的左側和右側擺脫所有保證金保證金為零。

41
00:03:02,250 --> 00:03:04,820
因此注意到，當這樣做會發生什麼。

42
00:03:04,820 --> 00:03:10,720
那黑色空間消失各方除間距在左上角和右邊這一點。

43
00:03:10,830 --> 00:03:14,870
而這還不來自或H-1這實際上是從身體的到來。

44
00:03:14,940 --> 00:03:19,420
因此，要解決這個問題，我們可以去身體，並給它利潤率為零。

45
00:03:19,680 --> 00:03:24,230
而到現在注意這一點差距，我會刷新和消失。

46
00:03:24,390 --> 00:03:30,040
因此，我們的白色條紋雲一路，就像它在這個版本在這裡所做的一面。

47
00:03:30,150 --> 00:03:30,970
好。

48
00:03:31,080 --> 00:03:33,080
接下來讓我們關注的樂趣。

49
00:03:33,450 --> 00:03:36,180
所以樂趣將是我們所有的元素都是相同的。

50
00:03:36,180 --> 00:03:41,690
按鈕和H-1和跨度在這裡它是所有相同的字體略有不同的字體粗細。

51
00:03:41,850 --> 00:03:46,660
而我們將只使用內置之一的字體系統vaunts被稱為艾文莉。

52
00:03:46,920 --> 00:03:52,730
所以這將是字體系列艾文莉。

53
00:03:53,430 --> 00:03:56,440
也就是說，可能不是每個系統上工作在那裡的字體。

54
00:03:56,580 --> 00:04:03,930
因此，我們要在另一種選擇是山補充。塞拉特就這樣。

55
00:04:04,740 --> 00:04:10,050
因此，我們結束了這個有趣這裡這顯然看起來不完全一樣。

56
00:04:10,170 --> 00:04:12,460
這歸結為我們的字體粗細。

57
00:04:12,540 --> 00:04:16,040
所以我們需要改變這種字體的重量，因為它是一個H1。

58
00:04:16,050 --> 00:04:21,520
默認是使其加粗或有像700或800，甚至900字體粗細。

59
00:04:21,600 --> 00:04:24,350
我們想要做的是給它字體粗細正常。

60
00:04:24,420 --> 00:04:32,230
所以，當我們的H-1可以添加字體粗細正常和保存。

61
00:04:32,400 --> 00:04:33,400
刷新。

62
00:04:33,710 --> 00:04:34,700
這就是仔細一看。

63
00:04:34,700 --> 00:04:37,550
現在有我們需要改變一些其他的東西。

64
00:04:37,590 --> 00:04:56,510
其中第一個是，這是所有大寫，我們可以與RCSS使用文本轉換大寫和保存所以，現在仔細看，也將希望確保我們的顏色是它自己的行，並且我們的風格跨越略有不同的方式來做要做到這一點。

65
00:04:56,570 --> 00:05:01,340
我們要在這裡走了過來到我們的團隊，實際上我們要編輯的年齡他出去一點點。

66
00:05:01,700 --> 00:05:04,120
這是我們打算使這項工作的第一種方式。

67
00:05:04,160 --> 00:05:12,590
我們會看到Pearcey SS做的另一種方式但我們會通過這個造型我們有偉大的上一行開始，然後添加一個突破。

68
00:05:12,590 --> 00:05:26,440
我們可以用ABR標籤，實際上這遠不是一個偉大的想法，風格這是一個有點令人難以接受，但它上手增加了一些回報，一些換行一個快速簡便的方法，這一切，這個標籤的作用是它增加了一個換行符。

69
00:05:26,620 --> 00:05:37,970
因此，我們要一前一後大，我們想休息一下，然後我們的跨度，那麼我們希望在底部的另一個突破，然後顏色遊戲，如果我們現在刷新你可以看到我們越來越近了。

70
00:05:38,060 --> 00:05:41,280
現在我們需要集中精力使跨度很多大。

71
00:05:41,660 --> 00:05:44,160
所以這個樂隊有彩色顯示器的想法。

72
00:05:44,300 --> 00:05:49,730
所以，我們要投奔於R（C S）S和選擇就這樣的彩色顯示屏。

73
00:05:49,900 --> 00:05:58,200
標識的彩色顯示屏，然後我們會說字號是H-1字體大小的200％。

74
00:05:58,550 --> 00:06:01,860
如果我們刷新我們現在得到這個更大的字體大小。

75
00:06:02,210 --> 00:06:03,630
而且我們越來越近了。

76
00:06:03,680 --> 00:06:05,210
我們有我們的休息時間在這裡了。

77
00:06:05,330 --> 00:06:10,040
你也注意到，雖然我們有字裡行間更多的空間比我們在這裡做的。

78
00:06:10,280 --> 00:06:12,970
因此，有一些事情是我們可以做的這項工作。

79
00:06:12,980 --> 00:06:15,780
第一個是改變行的高度。

80
00:06:16,280 --> 00:06:21,580
因此，我們將給予1.1的行高和保存。

81
00:06:22,190 --> 00:06:27,040
讓我們再看看我們的版本，並刷新，你可以看到，縮小了一點。

82
00:06:27,290 --> 00:06:30,440
但現在我們失去的頂部和底部的空間。

83
00:06:30,440 --> 00:06:32,190
我們需要一點點空間存在。

84
00:06:32,210 --> 00:06:35,050
所以，我們要做的是去並添加一些填充。

85
00:06:35,450 --> 00:06:47,050
所以，我們要填充添加到頂部和底部沒有只左右，我們要在頂部和底部的20像素，所以我們所能做的，只是這樣的填充20個像素和零。

86
00:06:47,300 --> 00:06:58,590
我們也可以做填充前20個像素，填充底部，但這是做刷新一個更好的一小段路，你可以看到我們幾乎沒有了。

87
00:06:58,880 --> 00:07:00,670
因此，我們的頭看起來不錯。

88
00:07:00,880 --> 00:07:05,830
我們有正確的字體正確的字體方式這一切都在大寫正確的背景顏色。

89
00:07:05,870 --> 00:07:11,240
讓我們確保，因為我玩停留正確的看起來都很好。

90
00:07:11,300 --> 00:07:14,800
我們應該處理接下來的事情，這是導航欄上的按鈕。

91
00:07:15,130 --> 00:07:18,080
所以我們肯定還有很長的路要走，以改善這些。

92
00:07:18,080 --> 00:07:23,840
我們要做的第一件事就是擺脫國界的，所以我們沒有按鈕周圍這個明顯的邊界。

93
00:07:23,870 --> 00:07:27,230
我們也想擺脫的背景色。

94
00:07:27,320 --> 00:07:29,290
所以，不應該有背景，你可以在這裡看到。

95
00:07:29,330 --> 00:07:33,210
這只是等到我們懸停或直到我們選擇之一。

96
00:07:33,250 --> 00:07:37,790
此外，我們希望確保字體系列是一樣的這種字體在這裡。

97
00:07:37,790 --> 00:07:39,230
所以，讓我們開始吧。

98
00:07:39,230 --> 00:07:48,620
而且我會選擇讓所有的按鈕，按鈕和我們只是說沒有邊界和保存。

99
00:07:48,800 --> 00:07:50,850
需要注意的是按鈕，當我刷新。

100
00:07:51,170 --> 00:07:51,790
好。

101
00:07:51,980 --> 00:07:53,520
所以，我們現在有沒有邊界。

102
00:07:53,720 --> 00:07:55,600
但是，我們仍然有背景顏色。

103
00:07:55,850 --> 00:08:02,760
所以，現在，相同的背景，並沒有保存和更新，我們正在越來越近。

104
00:08:02,950 --> 00:08:04,800
所以，現在我們剛純文本。

105
00:08:05,120 --> 00:08:09,520
我們會通過使所有文字大寫像我們有超過這裡開始。

106
00:08:09,740 --> 00:08:16,330
所以我們使用文本轉換再次只是行複製粘貼上，在那裡和刷新。

107
00:08:16,400 --> 00:08:18,840
現在我們的按鈕都是大寫。

108
00:08:18,920 --> 00:08:25,370
我們要做的下一件事就是確保該按鈕進入從頂部到div條紋容器的底部一路。

109
00:08:25,400 --> 00:08:31,580
現在，它不僅佔用了一部分空間，所以我們可以通過設置高度為100％的做到這一點。

110
00:08:31,750 --> 00:08:38,900
這意味著它會佔用包含元素的100％，你可以看到可以讓我們拉近了許多。

111
00:08:38,930 --> 00:08:47,540
剛才我們需要改變一些顏色改變字體大小字體粗細，然後改變我們不設置了尚未懸停效果。

112
00:08:48,010 --> 00:08:54,980
將要做的下一件事就是讓字體等待有點重，改變顏色是藍色還是為好。

113
00:08:55,040 --> 00:09:02,350
因此，字體粗細會做七百然後顏色也將仍然藍色。

114
00:09:02,650 --> 00:09:05,370
讓我們檢查了刷新。

115
00:09:06,020 --> 00:09:14,750
因此，它變得有點老，你還可以看到的顏色已經變成了藍色的還是相同的顏色，我們有回到這裡。

116
00:09:14,760 --> 00:09:21,810
這裡是一個非常微小的變化，我們可以使這是改變字母間距是一個像素。

117
00:09:21,830 --> 00:09:28,390
如果你不注意的時候我刷新你可以看到的東西每個字母之間間隔了只是一點點。

118
00:09:29,090 --> 00:09:31,690
萊斯利讓我們關注的字體大小。

119
00:09:31,700 --> 00:09:33,690
他們似乎有點太小了。

120
00:09:33,980 --> 00:09:39,340
因此，我們將只使用字體大小，並將其設置被繼承。

121
00:09:39,500 --> 00:09:45,600
如果我刷新你可以看到，他們繼承字體大小和我們沒有明確地說了出來。

122
00:09:45,620 --> 00:09:47,120
現在讓我們一起來看看。

123
00:09:47,620 --> 00:09:51,380
其中一個很大的不同是，他們目前正在間隔不同。

124
00:09:51,670 --> 00:09:55,490
只要在頁面加載我們這裡有空間，我們的版本。

125
00:09:55,490 --> 00:09:59,460
然而，我們沒有空間，直到我們點擊一個按鈕。

126
00:09:59,480 --> 00:10:17,220
所以我們需要做的是真正的風格，就在這裡的跨度，跨度被稱為消息，我們將要離開或放棄某些屬性，使其佔用的空間，而我們需要做的是改變一個人屬性實際上。

127
00:10:17,360 --> 00:10:28,830
因此，我們要選擇顯示我們的信息是這扇和我們要改變顯示屬性為排隊。

128
00:10:28,830 --> 00:10:41,790
BLOCK那麼，如果我刷新你不會注意到一個很大的區別馬上會做，但是這是因為我們還需要為它分配一個與你所知道的有20％，給它一個保存和刷新。

129
00:10:42,230 --> 00:10:48,790
我們現在有這個跨度，即使它不具有任何東西，佔用該屏幕的20％。

130
00:10:49,000 --> 00:10:52,920
所以這推動這些元素是正是我們所需要的一面。

131
00:10:53,500 --> 00:10:55,690
讓我們來看看，並進行比較。

132
00:10:55,700 --> 00:10:56,960
好吧，這樣看起來八九不離十。

133
00:10:56,960 --> 00:11:05,450
現在我們要工作在下次越來越所選類相匹配的顏色和我們有懸停效果為好。

134
00:11:05,450 --> 00:11:10,460
所以這將是我們的按鈕，我們打算先添加懸停效果。

135
00:11:10,460 --> 00:11:27,140
因此，我們需要做的就是添加在按鈕Colan胡佛，我們要改變字體顏色為白色和背景色為藍鋼。

136
00:11:27,130 --> 00:11:31,370
所以，我們基本上扭轉了顏色，我們將保存並刷新。

137
00:11:31,630 --> 00:11:34,090
現在，當我將鼠標懸停你可以看到我得到的效果。

138
00:11:34,670 --> 00:11:35,550
完善。

139
00:11:35,600 --> 00:11:39,920
而我們選擇的類，我們將要看看一樣的。

140
00:11:39,950 --> 00:11:42,360
只是要複製的樣式。

141
00:11:42,530 --> 00:11:45,980
還有當我們徘徊在東西的時候是選擇它與無差異。

142
00:11:45,980 --> 00:11:47,260
他們應該看起來是一樣的。

143
00:11:47,420 --> 00:11:52,790
所以，你可以看到一個權利，我徘徊，只有當我徘徊。

144
00:11:52,850 --> 00:11:55,270
是否得到了藍色背景和白色文本顏色。

145
00:11:55,340 --> 00:11:57,410
當我移動它就會消失。

146
00:11:57,680 --> 00:11:59,010
有輕微的差別。

147
00:11:59,300 --> 00:12:04,470
如果我將鼠標懸停在該解決方案按鈕注意到它消失在顏色。

148
00:12:04,550 --> 00:12:08,390
這不只是對我的版本的即時切換。

149
00:12:08,650 --> 00:12:10,550
它只是瞬間切換。

150
00:12:10,820 --> 00:12:16,440
我們可以修復使用按鈕選擇裡面一個C SS過渡性質。

151
00:12:16,670 --> 00:12:19,720
我們打算寫過渡和傳遞。

152
00:12:19,720 --> 00:12:30,610
兩個參數有兩個值，第一個就是我們要轉型，並在我們的情況下，我們只是將它添加到每一個屬性，然後下一個是我們要多長時間服用。

153
00:12:30,710 --> 00:12:34,390
所以我打算先用兩秒鐘誇大它。

154
00:12:34,390 --> 00:12:43,790
如此反复的過渡性質是我們如何能告訴CSX如何動畫顏色變化或更改字體大小和性能之間的轉換。

155
00:12:43,790 --> 00:12:51,900
因此，我在這裡說的是，在任何按鈕，這對我們來說真的只是顏色和背景隨時屬性更改。

156
00:12:52,070 --> 00:12:59,190
所以當顏色的變化和背景顏色變化應採取兩秒鐘，你會看到當我刷新。

157
00:12:59,420 --> 00:13:00,410
我徘徊。

158
00:13:00,560 --> 00:13:01,880
哦，這仍然沒有工作。

159
00:13:01,900 --> 00:13:04,750
我在這裡失去了我的小號2.00秒。

160
00:13:04,850 --> 00:13:17,520
現在如果我刷新和懸停它需要兩秒鐘，淡入，當我點擊添加所選類還需要兩秒鐘，它需要兩秒鐘淡出，當我離開。

161
00:13:17,750 --> 00:13:20,140
所以2秒肯定是太長。

162
00:13:20,560 --> 00:13:23,580
我想我的目標點左右三秒鐘。

163
00:13:23,750 --> 00:13:25,950
讓我們測試了這一點。

164
00:13:25,970 --> 00:13:26,630
在那裡，我們走了。

165
00:13:26,650 --> 00:13:28,990
它看起來相當不錯。

166
00:13:29,060 --> 00:13:38,550
最後一個大的事情越來越圓角對這些廣場，我們得到的圓角使用的是被稱為邊界半徑財產的方式。

167
00:13:38,690 --> 00:13:41,990
所以，我有位DOCS打開，如果你想看看。

168
00:13:42,130 --> 00:13:42,970
這是一個很好看的。

169
00:13:43,100 --> 00:13:46,760
但他們表現出你不同的東西，你可以用做電路板半徑的一些例子。

170
00:13:46,900 --> 00:13:52,000
所以，我們要做的就是給它一個輕微的邊界半徑，在這裡這些都是正方形。

171
00:13:52,150 --> 00:13:54,340
讓我們來看看我們的目標什麼。

172
00:13:54,350 --> 00:13:56,140
因此，這些都是我們所希望得到的。

173
00:13:56,180 --> 00:13:58,810
所以這是輕微的輕微的曲線。

174
00:13:59,500 --> 00:14:10,130
讓我們去到我們的廣場階級和分配邊界半徑，讓我們做一些真正誇張的開始，我會告訴你，如果我們做的50％會發生什麼。

175
00:14:10,490 --> 00:14:13,850
我們得到的圈子，你實際上可能更喜歡使用圓。

176
00:14:13,850 --> 00:14:22,780
我用的是他們考慮，但最終我更喜歡這種圓角正方形和我使用的數字是15％。

177
00:14:23,510 --> 00:14:25,590
而我們就仔細檢查和比較的。

178
00:14:25,850 --> 00:14:27,060
OK，這樣看起來不錯。

179
00:14:27,080 --> 00:14:33,770
百分之十五，但如果你想我會告訴你，如果我們不喜歡的東西了5％，刷新會發生什麼。

180
00:14:34,010 --> 00:14:36,160
我們得到非常略顯圓潤的邊角。

181
00:14:36,290 --> 00:14:47,810
所以，我會回到我15刷新，現在我們有很好的圓角，但我們也需要在獲得動畫效果的工作，因為當我點擊其中之一。

182
00:14:47,810 --> 00:14:54,740
請注意如何當顏色的變化就淡出就像懸停效果消退和縮小。

183
00:14:54,740 --> 00:14:59,920
為了實現這個目標，我們還需要使用的過渡性質，但在一個稍微不同的方式。

184
00:14:59,990 --> 00:15:07,170
所以我打算去廣場，我們希望過渡的唯一的事情是背景色或只是背景。

185
00:15:07,220 --> 00:15:12,470
又一次讓我們做一個很長一段時間如，2.0秒，看看如何看起來。

186
00:15:12,500 --> 00:15:16,160
所以，我會刷新，我會點擊其中的一個。

187
00:15:16,250 --> 00:15:19,710
你可以看到它有兩個整秒淡出。

188
00:15:19,940 --> 00:15:21,940
所以我們不想要的東西來維持這麼久。

189
00:15:22,120 --> 00:15:26,290
也許去零第六點可能。

190
00:15:26,750 --> 00:15:27,970
讓我們來試試。

191
00:15:28,420 --> 00:15:28,850
好。

192
00:15:28,850 --> 00:15:31,610
這似乎是合理的。

193
00:15:32,500 --> 00:15:36,680
所以你可以看到，每當這樣的背景下改變它需要0.6秒。

194
00:15:36,670 --> 00:15:46,710
和以往不同的是，雖然在其他屬性改變它並不動畫他們喜歡我們的按鈕，我們說，當任何屬性更改應採取點三秒。

195
00:15:46,900 --> 00:15:49,790
我們只是針對背景和改變。

196
00:15:49,810 --> 00:15:52,450
它應該採取0.6秒。

197
00:15:52,490 --> 00:16:02,140
我們確實想知道的一個次要的事情是過渡性質不會在所有的瀏覽器，我們已經寫它現在是作為瀏覽器盡可能友好的方式。

198
00:16:02,140 --> 00:16:10,650
實際上，我們需要在兩個我們不會注意到在功能上有什麼區別，但也有只為瀏覽器支持屬性添加。

199
00:16:10,660 --> 00:16:20,250
因此，第一個是網頁工具包Dasch過渡，我們只在這裡添加相同的確切值就這樣。

200
00:16:20,360 --> 00:16:26,550
然後，我們需要另外一個是，這應該是一條虛線莫茲M. Ozy。

201
00:16:26,600 --> 00:16:30,070
因此，這些實際上是瀏覽器的前綴。

202
00:16:30,230 --> 00:16:36,020
因此，網頁工具包是Web工具包是一個瀏覽器在使用如Safari引擎。

203
00:16:36,200 --> 00:16:41,700
然後我們有莫茲和Mozy的是短表是Zilah這就是Firefox是建立在。

204
00:16:42,050 --> 00:16:48,650
所以這些都只是添加一些更多的支持，因為過渡屬性沒有內置到每一個瀏覽器呢。

205
00:16:48,640 --> 00:16:49,790
因此，我們刷新。

206
00:16:50,060 --> 00:16:51,850
應該沒有什麼不同似乎。

207
00:16:51,860 --> 00:17:08,660
我們的遊戲還是工作方式相同，我們仍然得到同樣的動畫，我們應該做同樣的事情到這裡的時候，我們已經轉變都只是重複這一點，並改變是過渡和轉軌的過渡MOOC均為0.3秒。

208
00:17:08,650 --> 00:17:15,630
我們可以解決這裡的最後一件事是條紋和格子我們的開始之間的間隔中的位。

209
00:17:15,800 --> 00:17:18,950
所以你可以看到我們這裡有一些更多的間距，我們沒有在這裡。

210
00:17:19,150 --> 00:17:25,740
而現在，如果我們考察我們是圍繞我們的電網的元素。

211
00:17:26,140 --> 00:17:34,320
我們有我們的廣場，我們有一個DIV ID容器和容器div善有善報所有6個正方形。

212
00:17:34,390 --> 00:17:41,950
因此，我們可以使用，只是添加一些間距到容器div我們只需添加一個保證金的頂部和底部。

213
00:17:42,110 --> 00:17:44,540
所以，我認為我們已經樣式那麼一點點。

214
00:17:44,540 --> 00:17:45,550
開始了。

215
00:17:45,590 --> 00:17:47,510
所以我們說利潤率為零。

216
00:17:47,650 --> 00:17:57,020
和自動我們將做什麼，而不是說的是利潤率的頂部和底部，並自動在左，右這是它是如何中心20個像素。

217
00:17:57,050 --> 00:18:01,820
因此，我們要在頂部刷新左右，但20個像素，要成為汽車。

218
00:18:02,330 --> 00:18:03,590
我們有我們的間距。

219
00:18:04,120 --> 00:18:05,940
OK，所以我們正在與造型做了現在。