1
00:00:00,780 --> 00:00:06,390
だから次は、このマークアップをコピーして、ここでやったことだけを進めましょう。

2
00:00:06,720 --> 00:00:12,690
私はこれらのパラグラフの間にわずかに異なるベーコンipsumを若干異なる言葉を使用しました。

3
00:00:12,810 --> 00:00:19,310
だから私はこれらの2つをコピーするだけですが、もう一度それはここでは焦点ではありません。

4
00:00:19,350 --> 00:00:26,340
だから私たちがもう一度やりたいことは、最初からこれを取って、divクラスが投稿に等しいことを確かめましょう。

5
00:00:26,850 --> 00:00:32,880
そして、あなたの中には、私がdivをdivクラスと入れ子にして気にすることさえ疑問に思うかもしれません。

6
00:00:32,880 --> 00:00:33,870
 

7
00:00:33,900 --> 00:00:35,710
これがなければうまくいくでしょう。

8
00:00:35,820 --> 00:00:37,880
それは実際に物事をまとめることです。

9
00:00:38,100 --> 00:00:42,810
私は、1つのブログが別のブログに投稿されたときに、1つの巨大な混乱を招くのではなく、

10
00:00:42,810 --> 00:00:48,570
私は物事が少し含まれているので、これが一つの投稿であり、ここで終わるとわかるので、コードをちょっときれいに保つのが私の意見です。

11
00:00:49,020 --> 00:00:52,910
 

12
00:00:53,340 --> 00:01:05,530
だから、日付または古典的な日付と呼ばれるdivを持つことを望み、その日付は2015年12月11日です。

13
00:01:05,820 --> 00:01:07,750
それを保存します。

14
00:01:07,830 --> 00:01:12,640
それから私たちはH2とそのH-2を持っていました。

15
00:01:12,720 --> 00:01:18,510
これは別の恐ろしい記事でもある別の記事です。

16
00:01:18,840 --> 00:01:19,950
あなたがそれを読むことをお勧めしないでください。

17
00:01:19,950 --> 00:01:21,490
それはベーコンのことです。

18
00:01:21,780 --> 00:01:25,500
だから私は先に進み、この引用文をもう一度コピーします。

19
00:01:25,830 --> 00:01:26,990
段落です。

20
00:01:27,060 --> 00:01:30,490
クラスは引用符と同じです。

21
00:01:30,630 --> 00:01:32,870
そしてここに2つの段落があります。

22
00:01:33,130 --> 00:01:40,800
最後にマークアップの最後のビットが必要です。

23
00:01:40,800 --> 00:01:42,000
第2段落。

24
00:01:42,000 --> 00:01:43,950
そこに行く。

25
00:01:44,640 --> 00:01:49,000
だから、これがどのように見えるか見てみましょう。

26
00:01:49,080 --> 00:01:54,910
だから私が気付いていることは、ここに投稿の間隔が少し狭いということです。

27
00:01:54,960 --> 00:01:56,760
だから、これはちょうどこれに繋がります。

28
00:01:56,760 --> 00:02:02,670
12月11日の日付は、私たちが欠けているHRRが原因である可能性があります。

29
00:02:02,670 --> 00:02:05,220
 

30
00:02:05,220 --> 00:02:09,020
私は私たちがする必要があると思うが、ブログの投稿の間にいくつかのマージンを追加するだけです。

31
00:02:09,150 --> 00:02:11,780
ですから、まずこれを取得してみましょう。

32
00:02:12,570 --> 00:02:15,690
だから実際に実際にH R要素を見たことはありません。

33
00:02:15,690 --> 00:02:19,410
これはちょうどこのような外観を使用する非常に簡単なものです。

34
00:02:19,410 --> 00:02:24,810
実際には自己クローズですが、何もしません。クローズタグや内部コンテンツはcharの水平ルールだけではありません。

35
00:02:24,960 --> 00:02:27,540
 

36
00:02:27,540 --> 00:02:30,200
あなたが見るものをリフレッシュするならば。

37
00:02:30,210 --> 00:02:35,940
そうすれば、私たちはこの線を横切って進み、それは普通は大丈夫です。

38
00:02:35,940 --> 00:02:40,830
ほとんどの人はこれらをちょっとスタイルするのが好きですが、これは本当にかすかです。

39
00:02:40,950 --> 00:02:46,710
私はあなたが言うことができるかどうかはわかりませんが、基本的には少し太くなり、端についていくことになります。

40
00:02:46,710 --> 00:02:52,310
 

41
00:02:52,410 --> 00:02:57,960
そして、彼らがここにこれを加えた理由は、あなたに何かを見せて、自分で書いたことのないスタイルを見つけようとしたことです。

42
00:02:58,530 --> 00:03:00,840
 

43
00:03:00,840 --> 00:03:04,830
だから私はいくつかのH Rスタイルを見つけるために何をするのかを正確に示します。

44
00:03:04,830 --> 00:03:09,170
私はちょうどGoogleのHDRスタイルと私たちが得るものを参照してください。

45
00:03:09,390 --> 00:03:13,320
そして、私が実際にそれらのうちの2つを実際にクリックしたのを見ることができます。

46
00:03:13,890 --> 00:03:20,280
だから、各ジャーのシンプルなスタイルがあります。ここにはいくつかのオプションがあります。

47
00:03:20,460 --> 00:03:23,290
だから彼らは私がここに行ったものだと思う。

48
00:03:23,550 --> 00:03:25,980
しかし、このようなものを試してみましょう。

49
00:03:25,980 --> 00:03:31,440
コードをクリックすれば、これをコピーするだけです。

50
00:03:31,440 --> 00:03:36,780
これらは2つのスタイルで、これをコピーして、コピーしません。

51
00:03:36,900 --> 00:03:41,970
私はここですべての行を理解する必要があるとは思っていません。これはかなり先進的であり、この人が言うようにハッキーのようなものですから。

52
00:03:42,180 --> 00:03:45,460
 

53
00:03:45,480 --> 00:03:50,280
実際には動作しないと思っていますが、私たちがしたい唯一のことは、これらがH

54
00:03:50,280 --> 00:03:56,910
Rを選択していることを確認することです。これは、HROに私たちが持っていないスタイルのクラス7を持たせることです。

55
00:03:56,910 --> 00:03:57,600
 

56
00:03:57,870 --> 00:03:59,760
 

57
00:04:04,020 --> 00:04:06,670
ですから、単にcharを選択して、これがどのように見えるかを見てみましょう。

58
00:04:06,690 --> 00:04:08,120
ページを更新。

59
00:04:08,150 --> 00:04:09,270
OKだからそこに行く。

60
00:04:09,360 --> 00:04:11,400
だから、私は個人的にそれを気にしない。

61
00:04:11,430 --> 00:04:14,700
私はこの種の道をここで使うつもりです。

62
00:04:14,700 --> 00:04:17,240
あなたが好きなものは何でも自由にやり、遊んでください。

63
00:04:17,610 --> 00:04:23,280
しかし、もう一度言いたいのは、あなたが書かなかった何か外部のものを見つけようと思っていたことでした。私はあなたにそれを行うことが大丈夫であることを示したいと思います。

64
00:04:23,280 --> 00:04:25,420
 

65
00:04:25,560 --> 00:04:27,100
だから私はこれをコピーしているだけです。

66
00:04:27,270 --> 00:04:29,220
私はこれを書かなかった。

67
00:04:29,500 --> 00:04:34,520
ここでこれらのスタイルを取り除いてこれを入れる必要があります。

68
00:04:35,400 --> 00:04:42,870
だから彼らがやっているのは、HRO上の境界線を設定しているように見えます。境界線の高さはちょうど1ピクセルで、この背景画像はグラデーションです。

69
00:04:43,200 --> 00:04:46,370
 

70
00:04:46,550 --> 00:04:48,870
そして、それが彼らの勾配効果を得る方法です。

71
00:04:48,870 --> 00:04:51,970
だから私たちがリフレッシュしたら今そこに行く。

72
00:04:52,110 --> 00:04:55,710
ここには、この素晴らしいグラデーション効果があります。

73
00:04:55,710 --> 00:04:59,530
私は実際にこれを好むので、私は先に進んでこれを保つつもりです。

74
00:04:59,760 --> 00:05:00,350
これ以上。

75
00:05:00,350 --> 00:05:05,380
私は少し明るい灰色であるように少し色を変えるかもしれませんが、今のところそれを保ちましょう。

76
00:05:05,580 --> 00:05:11,250
しかし、私たちはまだこの問題を抱えています。私たちの次のブログ記事はあまりに早く始まり、スペースを追加する必要があります。

77
00:05:11,250 --> 00:05:13,090
 

78
00:05:13,410 --> 00:05:17,940
ですから、私たちがする必要があるのは少し余裕を持たせることだけです。

79
00:05:18,360 --> 00:05:25,680
だから、実際には、私たちは各記事の末尾に余白を追加できるので、ここにスペースを追加することができるので、私たちはすべての投稿の周りにこのブログ投稿ラッパーを持っている素敵な偶然の一致です。

80
00:05:25,950 --> 00:05:31,090
 

81
00:05:32,220 --> 00:05:34,210
だから、私たちは選択するだけです。

82
00:05:34,230 --> 00:05:36,560
私はちょうどあなたにクラスポストを見せてあげましょう。

83
00:05:36,630 --> 00:05:37,810
それは1つの投稿です。

84
00:05:38,160 --> 00:05:39,580
だから私たちはここに行こうとしている。

85
00:05:39,670 --> 00:05:50,370
それはポストマージンのようなもので、マージンだけでなく、20ピクセルを使ってみましょう。

86
00:05:50,490 --> 00:05:59,600
一番下の部分でやってみましょう.3月と下のリフレッシュだけです。

87
00:06:00,210 --> 00:06:06,000
 

88
00:06:06,000 --> 00:06:13,050
だからここでの最後の小さな問題は、私たちがここでやっているよりも少し余裕があるということです。追加したのは実際にはポストクラスの外にあるので、追加したマージンの影響を受けていないからです。

89
00:06:13,050 --> 00:06:15,140
 

90
00:06:15,150 --> 00:06:19,490
だから私たちがそれをしたら、A charを動かすだけです。

91
00:06:19,500 --> 00:06:20,160
それはどこですか。

92
00:06:20,160 --> 00:06:25,510
ここで私たちはポストの一番下に行き、我々は新鮮です。

93
00:06:25,590 --> 00:06:27,960
私たちが望む間隔が得られるかどうかを見ることができます。

94
00:06:28,600 --> 00:06:36,210
OKだから、実験して、この正確なものを手に入れたいのであれば、それをHに戻すだけです。 R. 他のものを試してみてください。

95
00:06:36,300 --> 00:06:37,730
 

96
00:06:37,890 --> 00:06:41,970
しかし、私が本当にやりたいことは、他のスタイルを組み込むことができるということです。

97
00:06:42,010 --> 00:06:46,770
好奇心があって、それを理解しようとするのは良い考えですが、実際にどのように動作しているか正確に知る必要はありません。

98
00:06:46,770 --> 00:06:48,080
 

99
00:06:48,930 --> 00:06:53,790
だからうまくいけば、あなたはこのプロジェクトをシンプルなミニマルなブログにして楽しんでいました。

100
00:06:53,790 --> 00:06:56,430
明らかに、実際にはブログとしては機能しません。

101
00:06:56,430 --> 00:07:01,390
どんな種類のインタフェースでも新しい投稿に追加できないコメントはありません。

102
00:07:01,470 --> 00:07:06,600
 

103
00:07:06,600 --> 00:07:11,670
 

104
00:07:12,050 --> 00:07:17,610
私たちは実際に老人を編集しなければなりませんが、javascriptになったら、特にバックエンドになってデータベースがあり、エクスプレスと呼ばれるフレームワークにサーバーがあり、実際にこのブログを利用します私たちがコメントできるフォームを使って投稿を追加することができる本当のブログに変え、投票のようないくつかのことをすることができます。

105
00:07:17,970 --> 00:07:20,840
 

106
00:07:21,060 --> 00:07:22,410
それは本当にエキサイティングなことになるでしょう。

107
00:07:22,410 --> 00:07:24,350
これを評価するために使用します。

108
00:07:24,360 --> 00:07:28,540
それは相対的に少数の行を探すのは比較的良いです。

109
00:07:29,040 --> 00:07:31,200
私はあなたがジャバスクリプトをカバーするときに私はあなたに会います