1
00:00:00,420 --> 00:00:06,550
歡迎回來，在這節課我們將在最後視頻末尾玩完露營地顯示頁面的樣式。

2
00:00:06,630 --> 00:00:08,540
我提到了一些我們需要做出的改變。

3
00:00:08,640 --> 00:00:10,970
不能用純粹的引導來解決。

4
00:00:10,980 --> 00:00:13,050
我們需要在一些自定義樣式添加。

5
00:00:13,050 --> 00:00:18,570
因此，我們需要在這裡更改此圖像的寬度，使其佔用縮略圖的100％。

6
00:00:18,750 --> 00:00:21,050
我們想添加一些填充在這裡了。

7
00:00:21,120 --> 00:00:25,880
這是它應該是什麼樣子，我們有填充，你可以看到圖像佔據整個容器。

8
00:00:26,280 --> 00:00:31,810
而要完成，我們可以進入顯示在每個是，在這裡添加一個樣式標籤。

9
00:00:32,280 --> 00:00:34,050
但是，這並不是一個好主意。

10
00:00:34,050 --> 00:00:42,960
因此，不是我們要在我們的第一個自定義樣式表添加並使我們要作出就像我們在前面的課程中做了公開目錄的工作。

11
00:00:43,110 --> 00:00:48,790
所以我打算讓公開目錄，然後我會讓公眾在另一個目錄。

12
00:00:48,870 --> 00:01:10,000
這將是一個叫樣式表，以便公眾斜線的樣式表，我們將有一個又一個，最終為我們的JavaScript的正面和Javascript，我們將按下回車鍵，然後我們會作出公開的樣式風格sosh內部的單個文件張斜線，我們會打電話給這意味著Dotsie SS就這樣。

13
00:01:10,470 --> 00:01:11,260
好。

14
00:01:11,520 --> 00:01:13,040
現在，我們希望打開了。

15
00:01:13,380 --> 00:01:28,140
因此，我們將打開該文件了樣式主要gutsiest我們，讓我們通過添加一些真正在這裡，如設置背景顏色為人體紫明顯的啟動和保存，然後我們必須繼續前進，獲得本次關聯。

16
00:01:28,140 --> 00:01:36,790
因此，在應用程序的情況下，我們必須添加一行在這裡，我們做一個應用程序使用點快遞這是靜態的。

17
00:01:37,380 --> 00:01:44,380
然後，我們所做的最後一次是剛剛加入大眾，但實際上有，我不想馬上顯示出這樣做的稍微好一點的方式。

18
00:01:44,400 --> 00:01:57,050
但我的意思是，現在展現這一切，我們所要做的就是添加下劃線下劃線親愛名目錄名加上削減公共目錄名稱是指這個腳本正在運行的目錄。

19
00:01:57,180 --> 00:01:58,630
因此，讓我告訴你是什麼樣子。

20
00:01:58,800 --> 00:02:10,190
如果我只是做一個控制台登錄，但強調下劃線你的名字就這樣保存並重新啟動服務器。

21
00:02:12,000 --> 00:02:13,440
請注意，我所得到的就在這裡。

22
00:02:13,530 --> 00:02:19,560
這是目錄名的完整路徑工作區蔥鬱的陣營斜線5節的。

23
00:02:19,710 --> 00:02:30,390
因此，通過添加目錄名加斜杠公眾，我們只是作為更安全，因為如果有可能以某種方式改變這個當前目錄變得奇怪事情發生，我們沒有想到。

24
00:02:30,450 --> 00:02:36,650
它希望從來不會，但如果它沒有做你的名字將永遠是腳本住在目錄中。

25
00:02:36,900 --> 00:02:41,860
因此，我們只是被更安全，更添加斜線公眾，它只是在做它的更傳統的方式。

26
00:02:42,060 --> 00:02:43,820
我們不會看到一個區別的。

27
00:02:43,860 --> 00:02:44,920
因此，我們將保存。

28
00:02:44,930 --> 00:02:50,140
我們可以擺脫這一點，我們所做的是在我們的頭腦簡單增加。

29
00:02:50,190 --> 00:02:52,390
SS但是我們還沒有聯繫到它。

30
00:02:52,530 --> 00:02:54,500
因此，我們已經服務於公共目錄。

31
00:02:54,600 --> 00:03:01,540
現在我們在這個目錄實際上就是一個文件夾樣式表和一個單一的文件可能最終我們提供的一切。

32
00:03:01,620 --> 00:03:05,510
但是，現在讓我們去鏈接到該文件，並讓我們做它的頭文件。

33
00:03:05,580 --> 00:03:14,920
所以，我要C9觀點削減巴歇爾的斜線hetter並再向上引導之後頭頂。

34
00:03:14,980 --> 00:03:31,330
我要添加其他鏈接標記而這一次將會是H REF等於斜線斜線樣式主程序C SS，然後我們還將添加行這裡是樣式表。

35
00:03:31,950 --> 00:03:32,500
好。

36
00:03:32,850 --> 00:03:38,340
所以，我們現在已經鏈接到我們現在從公共目錄服務希望我們的樣式表。

37
00:03:38,340 --> 00:03:40,680
讓我們對它進行測試，如果它的工作。

38
00:03:40,740 --> 00:03:45,350
這將是每一個頁面上，因為每一個包含有頭部分頁面。

39
00:03:45,630 --> 00:03:46,380
讓我們測試了這一點。

40
00:03:46,380 --> 00:03:48,450
我們只是要我們的目標網頁。

41
00:03:48,450 --> 00:03:48,980
在那裡，我們走了。

42
00:03:48,990 --> 00:03:56,510
這是全紫，如果我們去查看我們的營地那裡，如果你想保持它作為紫色也是一個紫色的背景完全取決於你。

43
00:03:56,610 --> 00:03:57,620
我要改回來。

44
00:03:57,750 --> 00:04:03,210
但我會在我們贏得了樣式添加和那些樣式將會影響到縮略圖。

45
00:04:03,210 --> 00:04:07,050
所以這些都是縮略圖以及該縮略圖。

46
00:04:07,080 --> 00:04:18,000
我們要使圖像佔用寬度100％所以無論是顯示頁和索引頁上，我們希望這樣的事情發生，所以我們可以回去和改變，upsy評估。

47
00:04:18,180 --> 00:04:21,750
因此，我們將通過選擇縮略圖內的所有圖像開始。

48
00:04:21,900 --> 00:04:25,300
因此，我們需要縮略圖因為它是一個引導類。

49
00:04:25,550 --> 00:04:31,290
再與他們之間的空間形象標籤的縮略圖內的所有圖像標記。

50
00:04:31,290 --> 00:04:36,180
然後，我們只是想設置寬度為100％的就這樣。

51
00:04:36,300 --> 00:04:43,510
如果我們保存和更新，讓我們去展示頁面，您可以看到現在我們的形象佔據了這個縮略圖的100％。

52
00:04:43,860 --> 00:04:51,820
然後，我們需要解決這個填充問題，我們想擺脫那個間距要做到這一點，我們需要選擇縮略圖本身，這是很容易解決為好。

53
00:04:51,870 --> 00:04:56,350
縮略圖DIV和擺脫填充物，只是將其設置為零。

54
00:04:56,490 --> 00:05:01,580
所以點縮略圖填充0。

55
00:05:01,890 --> 00:05:02,930
讓我們保存。

56
00:05:03,120 --> 00:05:05,260
保持此填充有你的眼睛。

57
00:05:05,280 --> 00:05:06,130
現在它不見了。

58
00:05:06,510 --> 00:05:11,230
如果我們回到我們的索引頁面可以看到這些現在也齊平。

59
00:05:11,280 --> 00:05:12,980
我們沒有任何有兩種填充。

60
00:05:13,320 --> 00:05:17,100
我個人在中間沒有空格喜歡它，不填充在這裡。

61
00:05:17,250 --> 00:05:27,910
但它是個人喜好的問題，如果你想空間回到那裡，你可以做的是不是這種風格尤其是應用這些樣式的每一個縮略圖。

62
00:05:27,990 --> 00:05:39,280
相反，你可以給我們的節目頁面上，你可以給這個縮略圖就在這裡一個ID或者一個特殊的類，然後你只會將此墊零到該類或兩個ID。

63
00:05:39,480 --> 00:05:45,380
但我會做給所有的人，然後我們需要解決的另一個問題是填充在這裡。

64
00:05:45,780 --> 00:05:55,560
所以，這裡面說明的FUL如果我們檢查它這是我們創建可以看到這裡是一個div類標題滿格。

65
00:05:55,770 --> 00:06:00,870
我們要添加一些填充那裡，我們在過去的視頻決定數量為9個像素。

66
00:06:00,930 --> 00:06:02,830
因此，讓我關閉CON ..

67
00:06:03,030 --> 00:06:11,100
回到這裡，我只是去選擇，而不是所有的字幕馬駒的，我只是要選擇標題的縮略圖內的褶皺。

68
00:06:11,220 --> 00:06:23,130
所以點縮略圖空間標題充分，我們會給他們就這樣的九個像素填充保存，讓我們刷新頁面。

69
00:06:23,130 --> 00:06:23,750
在那裡，我們走了。

70
00:06:23,760 --> 00:06:26,130
我們得到了我們正在尋找的間距。

71
00:06:26,130 --> 00:06:26,390
好吧。

72
00:06:26,400 --> 00:06:27,610
所以，這就是我想做的事。

73
00:06:27,780 --> 00:06:29,910
讓我們快速回顧一下我們完成的。

74
00:06:29,910 --> 00:06:43,560
我們做了一個新的文件主要納粹黨衛軍，我們把那個樣式表內的公共目錄裡面，最終他們將有更多的樣式表一個特別的登錄頁面，我們還必須JavaScript的，在這裡走為好。

75
00:06:43,680 --> 00:06:50,410
然後實際使用，我們有互動的公共目錄是告訴快遞服務大眾的目錄。

76
00:06:50,520 --> 00:06:56,660
而且我發現你這個下劃線強調你的姓名和最後一件事是，我們包括它的頭文件。