1
00:00:01,240 --> 00:00:04,800
好讓我們繼續前進，從頭開始創建這個博客。

2
00:00:04,920 --> 00:00:06,620
可以隨意在這裡一起跟隨。

3
00:00:06,630 --> 00:00:11,530
我打算從創建一個新的文件，一路攀升到這裡結束這個博客去。

4
00:00:12,000 --> 00:00:13,880
所以，我們會想要做的第一件事。

5
00:00:14,070 --> 00:00:19,750
我要保持開放的解決方案，只是，這樣我可以參考它，並確保我們有正確的顏色和字體大小。

6
00:00:20,040 --> 00:00:35,990
但我們真正想要做的第一件事就是讓我們的文件設置，使我有兩個文件HMO一個博客，它什麼也沒有，到目前為止，除了標題的博客，它是鏈接到一個樣式表叫博客Dotsie SS那是空的。

7
00:00:36,030 --> 00:00:38,760
所以這只是你知道這兩個文件，我們會需要。

8
00:00:39,090 --> 00:00:41,170
現在，讓我們繼續前進，在填補他們。

9
00:00:41,790 --> 00:00:44,950
因此，我們必須時做這樣的事情來決定。

10
00:00:44,970 --> 00:00:46,540
我們從哪裡開始。

11
00:00:46,560 --> 00:00:57,420
我認為，最好的解決辦法就是先從一些該標記在我們這個時代的G-郵件和造型它的一些，但我們沒有在我們真正的風格的東西得到的一切他們的字完美字。

12
00:00:57,780 --> 00:01:04,290
所以，我會被你放一兩段，並在我們的身體這些頭的一個開始。

13
00:01:04,290 --> 00:01:14,130
要做到這一點，這是Lorem存有文字除了它的臘肉存有這是剛剛放入臘肉存有點com。

14
00:01:14,130 --> 00:01:17,340
點擊給我的熏肉和剛才複製的段落之一。

15
00:01:17,610 --> 00:01:24,330
我只是要使用我有什麼在這裡，但只要他們的話有話不那麼重要。

16
00:01:24,660 --> 00:01:26,840
所以，如果你想用臘肉存有繼續。

17
00:01:26,940 --> 00:01:34,520
但是，如果你，如果你的對象不以培根你可以選擇任何其他存有或只是彌補自己的話或實際把自己的博客文章在那裡。

18
00:01:34,560 --> 00:01:35,810
這將是理想的。

19
00:01:36,030 --> 00:01:44,070
然後，我會還只是把這裡的標題之一，一個音符它可能是有意義的，使這些一個H1他們兩個。

20
00:01:44,070 --> 00:01:50,820
但一般的規則是你想有一個H-1應該是您的網頁上最重要的事情在頁面上。

21
00:01:50,850 --> 00:01:55,420
所以，因為我們有各自的多個在這裡多個標題多個文章標題。

22
00:01:55,500 --> 00:02:11,360
我會去與H-2，但在這一天結束，因為我們要的風格吧，我們要改變我們要改變字體大小都不要緊所有色彩和所有的會被使它成為一個H1與自然這些不同設置的東西會被淘汰反正。

23
00:02:11,640 --> 00:02:22,210
所以我打算去與H-2和我只是說這是我的第一篇文章不是最有創意的標題，但保存它。

24
00:02:22,410 --> 00:02:24,220
而我們只是預覽啟動。

25
00:02:24,630 --> 00:02:27,300
因此，打開它。

26
00:02:27,360 --> 00:02:27,870
好。

27
00:02:27,930 --> 00:02:30,090
所以這是我們的博客至今。

28
00:02:30,960 --> 00:02:33,100
因此，我們有一大堆的需要作出決定。

29
00:02:33,120 --> 00:02:38,620
我可能會開始的第一個地方是在得到這個身體有這條邊界。

30
00:02:39,180 --> 00:02:42,110
所以，我沒有在最後的視頻提供的顏色。

31
00:02:42,120 --> 00:02:56,240
我只是打算在這裡複製這個顏色，我要去給體內的水分，所以我會選擇身體，那麼我們需要做的是說邊框和它的20個像素固此灰色。

32
00:02:56,370 --> 00:02:57,930
讓我們檢查出來。

33
00:02:58,560 --> 00:02:59,090
好。

34
00:02:59,220 --> 00:03:05,120
因此，它並不完全看我們會希望它看起來的方式，但它變得有我們的邊界。

35
00:03:05,580 --> 00:03:08,350
讓我們把它全尺寸讓我們好好比較。

36
00:03:09,120 --> 00:03:16,390
所以，你會發現另一件事是，我們的邊界有一個問題，就是它去所有的整個身體佔據整個頁面的方式。

37
00:03:16,560 --> 00:03:19,500
對戰這裡的身體只佔用頁面的一部分。

38
00:03:19,560 --> 00:03:21,890
再有就是兩邊間距。

39
00:03:21,930 --> 00:03:28,550
再有就是還上我們沒有，因為我們在我們的文字的話去正對著邊界內的間距。

40
00:03:28,590 --> 00:03:31,820
因此，讓我們解決這個問題，並開始為解決這個問題。

41
00:03:31,860 --> 00:03:33,520
當然，你需要填充。

42
00:03:33,630 --> 00:03:35,930
所以這是各方20像素填充。

43
00:03:35,970 --> 00:03:40,430
你可以看到有填充在底部和左，以及權。

44
00:03:40,470 --> 00:03:50,560
所以在體內，我們只是要填充分配在四個方面20個像素，我們得到這個確定。

45
00:03:50,580 --> 00:03:52,510
所以這是一個有點接近。

46
00:03:52,530 --> 00:04:15,360
接下來的事情，我們應該努力在越來越寬正確的，它不只是一個讓寬度是當它的全屏幕，但也因為它縮小下來，你會發現它保持這個大小合適的事情就是700像素它停留在700像素的一段時間，然後它縮小和縮小和體重秤。

47
00:04:15,360 --> 00:04:17,730
所以我們要確保我們可以得到這樣的事情發生。

48
00:04:17,820 --> 00:04:19,660
因此，我們將使用一招一點點。

49
00:04:19,830 --> 00:04:24,220
然後你想要做的一件事就是確保它的中心現在。

50
00:04:24,360 --> 00:04:25,330
嗯，我們真的不能告訴。

51
00:04:25,350 --> 00:04:28,210
但它不居中這將是在左邊。

52
00:04:28,230 --> 00:04:30,850
因此，讓我們繼續前進，在第一個加。

53
00:04:31,700 --> 00:04:49,660
因此，讓我們用700像素說，節約，這就是我在左邊談論它，我們希望在中間居中要做到這一點，我們可以使用自動或者說，我已經在框中談到保證金自動絕招模型的視頻。

54
00:04:50,100 --> 00:04:54,920
所以，我們要設置margin和我們將只使用捷徑。

55
00:04:55,050 --> 00:05:01,190
所以，我們要做的零像素高達頂部和底部，然後在奧托的左側和右側。

56
00:05:01,230 --> 00:05:03,900
還記得我們只需要做兩這裡，而不是四人。

57
00:05:04,020 --> 00:05:06,640
這是頂部和底部，這是左邊和右邊。

58
00:05:07,230 --> 00:05:15,740
這樣自動中心對我們來說可是那麼你給它一個零頂部發現和底部，現在是正對著上方。

59
00:05:16,020 --> 00:05:17,870
在這裡，這個人是不是。

60
00:05:17,880 --> 00:05:18,720
我們有一些空間。

61
00:05:18,720 --> 00:05:20,950
有20個像素就在那裡。

62
00:05:21,210 --> 00:05:22,630
所以這是一個簡單的修復。

63
00:05:22,770 --> 00:05:26,350
就在同一行更改，回到20 P的X.

64
00:05:26,370 --> 00:05:27,490
我們需要做的X。

65
00:05:27,510 --> 00:05:30,580
我們沒有因為之前當它是零，你只需把它為零。

66
00:05:30,720 --> 00:05:33,970
但是，當有一個數字，我們需要下。

67
00:05:33,990 --> 00:05:36,110
確定這樣的尋找八九不離十。

68
00:05:36,120 --> 00:05:46,470
唯一的一點是，當我們收縮，我們希望這個留700像素，直到它再也不能說700像素。

69
00:05:46,470 --> 00:05:59,400
我們希望它收縮下來，這是很容易做到，實際上所有我們想要做的是改變這是最大寬度，然後我們將它分配一個百分比。

70
00:05:59,700 --> 00:06:03,760
而這是什麼說的是讓它80％，當您需要。

71
00:06:03,900 --> 00:06:07,540
但在一個最大使其700像素。

72
00:06:07,620 --> 00:06:09,780
所以，我會告訴你看上去是什麼，當你刷新等。

73
00:06:09,780 --> 00:06:19,180
沒有什麼變化，因為它加入到最大七百像素，所以它會檢查是否有80％將超過700像素，它會在這種情況下。

74
00:06:19,200 --> 00:06:27,840
因此，它停留在700仍停留在700到這裡那裡開始收縮。

75
00:06:27,840 --> 00:06:31,250
這就是80％，現在是小於700像素。

76
00:06:31,770 --> 00:06:32,030
好。

77
00:06:32,040 --> 00:06:35,370
所以現在我們有我們的基本機構設置。

78
00:06:35,370 --> 00:06:39,330
我想在這裡做的下一件事就是讓我們去凡特。

79
00:06:39,330 --> 00:06:49,300
如此反复，如果我們去，我從最後一個視頻的字體被稱為來源感親有說明。

80
00:06:49,320 --> 00:06:54,370
因此，讓我們繼續前進，頭部到谷歌磷酸，尋找源發送臨。

81
00:06:54,540 --> 00:07:06,860
所以，我把它打開，但在這裡再次，它只是谷歌點com斜杠的字體，只是做一個源搜索將親這裡加至收集使用。

82
00:07:07,140 --> 00:07:09,990
而現在我們有一個選擇的字體重做我們想要的。

83
00:07:10,250 --> 00:07:17,390
而我居然沒告訴你，這在原來的視頻，但是這僅僅是字體粗細400的正常字體。

84
00:07:17,520 --> 00:07:19,220
這是一個較重。

85
00:07:19,230 --> 00:07:20,050
它的折疊。

86
00:07:20,100 --> 00:07:22,090
所以，我們會想兩個。

87
00:07:22,440 --> 00:07:26,970
因此，在大膽的400 700正常的，就是這樣。

88
00:07:26,970 --> 00:07:29,700
在這裡，我們下去並複製此鏈接。

89
00:07:29,700 --> 00:07:37,180
現在我們可以擺脫谷歌的字體，我們要到我們HMO，只是粘貼該鏈接。

90
00:07:37,950 --> 00:07:41,530
而現在我們必須使用源感的能力。

91
00:07:42,180 --> 00:07:51,100
因此，讓我們把它分配給這兩段，年齡三三兩兩我們也希望它是在上述日期。

92
00:07:51,270 --> 00:08:00,290
所以，我們可以做的是選擇段落，說的字體家族源感親，我們可以做同樣的事情為H-1。

93
00:08:00,990 --> 00:08:03,640
但是，這並不是一個很好的利用我們的成功。

94
00:08:03,780 --> 00:08:07,950
我們的代碼將是我們要使用它的每一個元素有點重複。

95
00:08:07,950 --> 00:08:10,230
我們會去，並添加此英寸

96
00:08:10,770 --> 00:08:15,140
所以我們要做的，而不是僅僅把它應用到人體。

97
00:08:15,690 --> 00:08:19,420
並打進身體裡面的東西它會繼承它。

98
00:08:19,470 --> 00:08:32,100
所以字體族源和親和保存刷新和那裡，我們使用它或H-2去我們曾經H-1，我們有一個段落。

99
00:08:32,810 --> 00:08:34,560
所以，這看起來相當好為止。