1
00:00:00,730 --> 00:00:07,450
好吧所以它的時間再運動，這是你可以在這裡看到我們將構建一個簡單的簡約博客網站。

2
00:00:07,590 --> 00:00:21,920
而這項工作是真的要專注於幾乎所有我們已經介紹了，但它真的會打了很多的盒子模型東西，所以空白和邊距和邊框以及類型，印刷業得到一個新的谷歌的字體和其他幾個的東西。

3
00:00:22,080 --> 00:00:25,050
所以我們要建立這個我要去給你一些指導。

4
00:00:25,050 --> 00:00:31,890
如果你想嘗試它在自己的第一次，然後我們會去在它一如既往從頭開始，在未來的視頻開始。

5
00:00:32,430 --> 00:00:34,020
所以，我給你一些提示。

6
00:00:34,020 --> 00:00:37,200
你可能會注意到的第一件事就是這個灰色框。

7
00:00:37,860 --> 00:00:45,470
這實際上是一個邊境那是身體周圍所以身上有繞著它所有的方式這20像素的邊框。

8
00:00:45,480 --> 00:00:52,900
而這樣就意味著體內有一個明確的與它不會一路之隔的屏幕，但它從這裡去那裡。

9
00:00:53,310 --> 00:00:57,790
所以，我要在這裡提到另一件事是一些顏色。

10
00:00:58,440 --> 00:01:00,730
所以，你不必去猜測的顏色。

11
00:01:00,750 --> 00:01:05,920
這將是一個很好的鍛煉，你實際使用拾色器和嘗試，並發現這在你自己。

12
00:01:06,270 --> 00:01:12,450
但因為我不知道怎麼怎麼的質量將通過視頻結轉，這將改變一些事情。

13
00:01:12,480 --> 00:01:16,340
我只是想給你的顏色，所以我讓他們輸入了這裡。

14
00:01:16,560 --> 00:01:24,500
你可以重提這些，也可以隨意使用自己的顏色，但在身體周圍這裡的邊框顏色就是這個燈罩的灰色。

15
00:01:24,630 --> 00:01:28,720
日期顏色這個藍色這裡這是該陰藍色。

16
00:01:28,920 --> 00:01:34,300
然後為博客標題標題的顏色是這個蔭青灰色的。

17
00:01:34,740 --> 00:01:40,160
然後另一件事情是，你需要在這裡包括字體和該字體。

18
00:01:40,380 --> 00:01:43,410
我絕對不會指望你只是猜測了你的頭頂。

19
00:01:43,410 --> 00:01:50,520
這就是所謂的感來源的親和它的可在谷歌的字體，所以你必須去谷歌的字體。

20
00:01:50,730 --> 00:01:51,950
下載它。

21
00:01:51,950 --> 00:01:52,600
包括它。

22
00:01:52,600 --> 00:01:56,830
我們必須下載它，但正確地將其包含在他的老化或綜援文件。

23
00:01:57,180 --> 00:02:00,760
因此，一些其他的東西，這個BLOCKQUOTE就在這裡。

24
00:02:01,170 --> 00:02:04,650
這種影響僅僅是一個已經開啟的左邊框。

25
00:02:04,800 --> 00:02:07,580
因此，它是相同的灰色，因為我們這裡它只是更薄。

26
00:02:07,680 --> 00:02:09,410
所以這是aleft邊界。

27
00:02:09,570 --> 00:02:15,060
有一件事我需要注意注意的是確保這些都統一完全相同。

28
00:02:15,060 --> 00:02:19,410
請注意，有一個小保證金或填充在這裡或東西。

29
00:02:19,410 --> 00:02:25,410
我會在這裡指出，接下來的事情是，日期是全部大寫。

30
00:02:25,560 --> 00:02:27,600
因此，有一種方式來做到這一點與你的成功。

31
00:02:27,660 --> 00:02:28,730
讓它大寫。

32
00:02:29,070 --> 00:02:33,720
也有來信的間距在這裡一點點。

33
00:02:33,720 --> 00:02:37,790
因此，這是不是在正常的字母間距他們相距遠一點。

34
00:02:38,400 --> 00:02:41,900
再一個在崗位之間最後一件事。

35
00:02:41,910 --> 00:02:47,370
有這條線，這是一個H R元素代表一個水平線。

36
00:02:47,370 --> 00:02:53,590
所以你可以添加一個H R和盡可能造型這讓這個細線樣的逐漸縮小。

37
00:02:53,820 --> 00:02:54,910
我發現了一些在網上。

38
00:02:54,930 --> 00:02:56,560
我只是將它展示給你的下一個視頻。

39
00:02:56,670 --> 00:03:03,950
但就我們的研究風格和有這麼多偉大的文章和代碼筆，你可以只複製之一。

40
00:03:04,020 --> 00:03:08,490
所以我不希望你比得到這個恰到好處等。

41
00:03:08,640 --> 00:03:11,580
隨意使用任何你想要的文字。

42
00:03:11,670 --> 00:03:15,720
我用我認為這是培根存有但放在任何你想要的文字。

43
00:03:15,720 --> 00:03:20,990
隨時有兩個以上的職位，然後還去瘋狂的顏色和字體，讓你自己。

44
00:03:21,330 --> 00:03:22,730
行，所以我會看到你在接下來的視頻。

45
00:03:22,740 --> 00:03:23,960
我們將從頭開始。