1
00:00:00,150 --> 00:00:20,160
現在，讓我們改變H-1的文本顏色和3歲，現在是黑暗的缺省引導顏色將何去何從的，我們能做的H-1白色和H-3白色和刷新。

2
00:00:20,550 --> 00:00:22,790
而我們得到的白色文字就這樣。

3
00:00:22,950 --> 00:00:31,660
但是，我們也可以做，雖然是結合這兩種，因為他們是相同的，並且做H-1逗號H-3，這將使得這兩個白色的。

4
00:00:32,010 --> 00:00:34,750
每當我們有一個逗號，它只是選擇不同的組。

5
00:00:34,770 --> 00:00:40,820
因此，所有的雙胞胎各年齡三分球，它看起來完全一樣。

6
00:00:41,400 --> 00:00:50,340
但是，我們甚至可以簡化這個更公正分配身體一切是白色的。

7
00:00:50,340 --> 00:00:56,790
你可能認為會有一個問題，可能會改變或按鈕可能會發生變化或導航欄，但請記住，那些是更具體。

8
00:00:56,790 --> 00:01:14,780
我們必須從引導正在做的這些對比只是普通的H-1和H-3，他們沒有任何類或ID類，他們是被身體顏色設置為白色的H1更容易使用自己的風格來覆蓋三個年齡繼承了顏色和其他一切確實也是如此。

9
00:01:14,850 --> 00:01:16,030
這只是覆蓋。

10
00:01:16,050 --> 00:01:21,730
因此，如果我們考察讓我們說這個按鈕，我們一起來看看。

11
00:01:22,650 --> 00:01:30,860
由類按鈕的默認當我們選擇它，你看到的顏色設置為這種顏色是3 3 3。

12
00:01:30,990 --> 00:01:40,520
但是，如果我們繼續向下滾動，你會看到機身右側這裡設置顏色為白色，它只是碰巧被劃掉。

13
00:01:40,650 --> 00:01:41,390
好吧。

14
00:01:41,970 --> 00:01:44,900
如此反复提到他們兩人是白色的。

15
00:01:44,910 --> 00:01:46,980
現在，讓我們對字體大小工作。

16
00:01:47,160 --> 00:01:48,870
所以為H-1。

17
00:01:48,930 --> 00:01:51,490
我們希望它被折疊而它目前不是。

18
00:01:51,690 --> 00:02:11,570
因此，需要有魄力，我想這是5厘米這是大五倍記得比父元素，所以我們會選擇每一個，我們就給它700字體粗細這是我們如何使用大膽刷新。

19
00:02:11,970 --> 00:02:12,860
你可以看到它大膽。

20
00:02:12,890 --> 00:02:21,100
現在，讓我們也使它大得多，因此字號[5] E-M。

21
00:02:21,270 --> 00:02:24,480
現在回去還有我們走。

22
00:02:24,680 --> 00:02:25,880
所以這是仔細一看。

23
00:02:25,880 --> 00:02:32,230
現在在H1和H-3之間該比率看起來完全相同。

24
00:02:32,250 --> 00:02:37,590
我們不需要做任何事情來的H-3現在必須獲得圖像的行為，我們希望它的方式。

25
00:02:37,980 --> 00:02:41,460
要做到這一點，我要告訴你的東西，我們以前沒有見過。

26
00:02:41,730 --> 00:02:52,190
我要去黑暗移動到右側，如果我檢查他的老化因素或身體，他們會看到他們兩人的頁面年底前停止。

27
00:02:52,200 --> 00:02:53,280
所以，關於這裡。

28
00:02:53,430 --> 00:02:55,500
這是時代對我的文檔的末尾。

29
00:02:55,500 --> 00:03:09,860
所以，當我告訴我的形象遮掩身體，我說這是背景大小覆蓋和背景的位置是中心它考慮到身體的大小，當身體結束就在這裡，它的行為不同。

30
00:03:10,080 --> 00:03:22,420
我們將做什麼來解決這個問題是給HTL元的100％，這意味著佔用這僅僅是整個文檔窗口中的容器100％的高度。

31
00:03:23,150 --> 00:03:30,450
男性身高100％，而我們會回去。

32
00:03:30,840 --> 00:03:33,580
讓我們把它全屏現在和刷新。

33
00:03:33,950 --> 00:03:37,630
而我們的形象工程，我們期待它的方式，我縮了下來。

34
00:03:37,860 --> 00:03:40,260
這對我來說很好了。

35
00:03:40,260 --> 00:03:43,300
現在，我們有兩個主要的東西留下來重點關注。

36
00:03:43,430 --> 00:03:45,470
第一個是H.R ..

37
00:03:45,540 --> 00:03:50,540
它的方式太寬了，我們應該是小了很多。

38
00:03:51,180 --> 00:03:54,010
然後，我也希望把重點放在字體在這裡。

39
00:03:54,570 --> 00:04:01,170
那麼開始挑選作品和所有我們想要做的是400像素的給它。

40
00:04:01,170 --> 00:04:12,410
因此，在我們的C SS我們將選擇h執行它的底部是用400像素。

41
00:04:12,450 --> 00:04:13,550
在那裡，我們走了。

42
00:04:13,560 --> 00:04:23,460
我會做的另一件事情是一個有點鬼鬼祟祟的，你可能沒有注意到，因為我要在這裡進去，給它一個Forder之上。

43
00:04:23,460 --> 00:04:26,150
一個像素固體。

44
00:04:26,250 --> 00:04:31,620
然後，他們在這裡有一個顏色，這是F 8 8 8。

45
00:04:32,220 --> 00:04:41,920
然後一個邊界底部以及這是一個像素的固體，這將是一個透明的顏色。

46
00:04:41,960 --> 00:04:46,610
0 0 0 0點二。

47
00:04:46,830 --> 00:04:49,530
所以，這不會給它一個陰影的效果。

48
00:04:49,990 --> 00:04:50,800
所以要注意。

49
00:04:50,820 --> 00:04:52,720
這真的很難看到的。

50
00:04:52,830 --> 00:05:08,490
我甚至不知道我是否會拿起在屏幕上投，但我們擁有的是一個邊界，然後右鍵邊境淺灰色線，使得它看起來像有一個輕微的陰影它顯示一點點在更好的下方較淺的顏色。

51
00:05:08,900 --> 00:05:09,140
好。

52
00:05:09,150 --> 00:05:15,050
所以你不能看到，如果不夠信任我，或者你可以擺脫的背景圖片，它會更容易看到有作為。

53
00:05:16,050 --> 00:05:20,690
接下來讓我們關注這在我以前的樂趣真棒的圖標。

54
00:05:20,690 --> 00:05:21,510
所以，我有它打開。

55
00:05:21,500 --> 00:05:21,780
樂趣。

56
00:05:21,780 --> 00:05:22,320
真棒。

57
00:05:22,350 --> 00:05:23,180
我知道。

58
00:05:23,570 --> 00:05:25,980
而我們剛剛得到的CD在這裡。

59
00:05:26,370 --> 00:05:30,970
如果你點擊上手有一個CDN，你可以只複製那裡。

60
00:05:30,990 --> 00:05:40,370
把在我們的應用程序，也只是做了向上頂保存，然後我們就來看看實際的圖標。

61
00:05:40,980 --> 00:05:45,030
而且，我們知道，我們使用的第一個是PA。

62
00:05:45,930 --> 00:05:51,310
而要做到這一切，我們需要的是高檔次的ECO F A F A破折號PA。

63
00:05:51,660 --> 00:05:53,630
所以我把那個按鈕裡面。

64
00:05:54,030 --> 00:05:59,350
所以，如果我們去的按鈕之前，我開始我還說英寸

65
00:05:59,430 --> 00:06:08,820
現在，如果我們回去和刷新你可以看到，如果我們有一個小按鈕那裡，我們有一個手掌印接下來我們有兩個圖標這裡註冊並登錄。

66
00:06:09,500 --> 00:06:11,760
而這兩個我還記得它們是什麼。

67
00:06:11,790 --> 00:06:19,750
我只是要做到這一點這裡毗鄰註冊我們寫了知道要在另一個圖標添加後。

68
00:06:19,860 --> 00:06:34,880
但這次類不是F-8 PA但F.A.短跑衝刺的用戶加上這讓我們帶加號該圖標並登錄無加同樣的事情。

69
00:06:34,920 --> 00:06:40,160
因此，一個破折號用戶，我們有這兩個圖標。

70
00:06:40,250 --> 00:06:44,840
還有，我沒有，你可能沒有注意到這是文字陰影一件事。

71
00:06:45,030 --> 00:06:52,650
因此，有在這裡的所有文字陰影，看看它有可以看到它在這裡。

72
00:06:52,640 --> 00:07:01,630
這是周圍的H-1和H-3和高科技的影子是我們可以在SS文本幾許陰影設置。

73
00:07:02,060 --> 00:07:04,010
還有的種了很多片給它的。

74
00:07:04,130 --> 00:07:08,040
所以，你可以在這裡看到我們坐在偏移X軸的偏移年。

75
00:07:08,120 --> 00:07:11,680
因此，如何自言很遠應的陰影走了。

76
00:07:11,810 --> 00:07:16,240
然後，我們還設置半徑是模糊所以基本上應該有多厚。

77
00:07:16,500 --> 00:07:21,430
然後顏色和我使用的陰影是有點複雜。

78
00:07:21,480 --> 00:07:26,930
有很多件，所以我會去和綜援文件時鍵入它一塊。

79
00:07:26,970 --> 00:07:34,620
所以內容div中會添加文本幾許陰影，然後第一個就行了。

80
00:07:34,620 --> 00:07:48,210
零像素4個像素3像素，我會讓它真的很明顯，以通過使紅色開始，如果我刷新有，我們正在增加第一的影子。

81
00:07:48,260 --> 00:08:06,460
現在去，並添加第二個用逗號和縮進一點點，然後我們想0像素×8像素13像素，然後到橙色這裡看看那一個。

82
00:08:07,350 --> 00:08:35,490
你可以看到，我們有這個更為模糊1的下方是明亮的橙色，然後還有第三個影子是0像素而記住這個第一個號是X軸偏移，然後y偏移18像素，然後23像素為半徑，我們將使之成為一件黃色的，我們可以看到，我們有鮮紅的滴度的影子。

83
00:08:35,490 --> 00:08:37,730
然後橙色一個是一個有點漸行漸遠。

84
00:08:37,830 --> 00:08:41,670
然後是黃色的那是一個很大的模糊，很多更寬。

85
00:08:41,700 --> 00:08:43,650
所以，我們想改變這些顏色。

86
00:08:43,640 --> 00:08:45,370
我們不希望與合作。

87
00:08:45,450 --> 00:08:48,160
因此，顏色是有點少刺激。

88
00:08:48,210 --> 00:08:49,900
第一個。

89
00:08:50,160 --> 00:08:54,740
0 0 0 0 0.4。

90
00:08:54,770 --> 00:09:01,550
下一個非常相似的，而不是0.4 0.1。

91
00:09:01,910 --> 00:09:06,210
再一個更多的也是0.1。

92
00:09:06,210 --> 00:09:10,870
因此，使用R.G. B-A我們只是設置不同的灰度。

93
00:09:11,970 --> 00:09:12,560
還有我們走。

94
00:09:12,600 --> 00:09:16,510
那麼多那麼激動人心，但希望你仍然可以看到它在這裡。

95
00:09:16,560 --> 00:09:21,010
這是一個很多更微妙的，但它只是增加了深度的一點點的頁面。

96
00:09:21,060 --> 00:09:21,330
大。

97
00:09:21,330 --> 00:09:22,830
所以，這就是我們需要做的。

98
00:09:23,250 --> 00:09:26,040
讓我回去，只是換了一些東西。

99
00:09:26,040 --> 00:09:32,300
大一點我想在這裡提出的是，我們可以使用引導程序和依賴它，但我們不會依賴它的所有款式。

100
00:09:32,340 --> 00:09:40,760
所以，是的，我們保留了導航欄一樣，儘管在過去的視頻我展示你如何可以改變導航欄的顏色，但我們改變了我們添加背景圖片的字體。

101
00:09:40,770 --> 00:09:47,730
所以，我們真的只是用引導作為底層基礎，那麼，我們在上面的所有樣式添加，並沒有花費太多。

102
00:09:47,850 --> 00:09:52,540
但我認為我們做的東西，看起來只用幾行代碼比較可觀的。

103
00:09:52,640 --> 00:09:56,580
而且，我們是所有的脂肪這一文本Shadowline誠實一半在那裡。

104
00:09:56,750 --> 00:09:57,310
真棒。

105
00:09:57,440 --> 00:10:00,230
所以我們做了該網站看起來比較好。

106
00:10:00,270 --> 00:10:01,900
我們正在與引導做了現在。

107
00:10:01,980 --> 00:10:05,460
我們然後移動到JavaScript中的下一個單元這是非常令人興奮的。

108
00:10:05,690 --> 00:10:12,670
我們將創建網站和東西好看一點點地搬走只是讓我們可以完全專注於JavaScript。

109
00:10:12,810 --> 00:10:18,560
但是，我們會帶回來的一切在一起，做一些漂亮的網站，實際上做的事情，不只是好看。

110
00:10:18,570 --> 00:10:22,160
所以這是來了希望盡快享受享受引導本單位。

111
00:10:22,350 --> 00:10:25,900
和往常一樣，我建議你下載代碼，如果您有任何問題。

112
00:10:25,890 --> 00:10:27,950
它在這段視頻的說明。