1
00:00:01,190 --> 00:00:05,660
このビデオでは、CSSAセレクターの問題セットの解決策を説明します。

2
00:00:05,970 --> 00:00:08,790
そして、私はすべての問題を上から順に説明します。

3
00:00:09,060 --> 00:00:12,760
あなたが問題を抱えているのが1つか2つしかない場合は、早送りをしてください。

4
00:00:13,260 --> 00:00:20,110
最初のビデオで最初のものを一緒にして、ボディエレメントにこの色の背景を与えました。

5
00:00:20,820 --> 00:00:25,650
だから、体の背景は私たちのために保存されている色です。

6
00:00:25,740 --> 00:00:32,440
先に進んでブラウザの最新表示にロードして、灰色の背景が表示されていることがわかります。

7
00:00:32,760 --> 00:00:36,910
したがって、次の要素はH要素をこの色にします。

8
00:00:37,190 --> 00:00:41,640
バックグラウンドではなく、同じことが、私たちはただ色づけしただけです。

9
00:00:42,210 --> 00:00:46,530
我々はinheresまたはH-1を保存すると紫色に変わります。

10
00:00:46,710 --> 00:00:52,830
ページに複数のH-1がある場合は、すべてが紫色になることを忘れないでください。

11
00:00:52,830 --> 00:00:56,190
この次はH-2要素をすべてオレンジ色にします。

12
00:00:56,520 --> 00:00:58,820
上記の2つのセレクタとまったく同じセレクタ。

13
00:00:59,190 --> 00:01:06,030
そしてそれをオレンジ色にするには、オレンジ色のカラーを使用するだけですが、他のカラーシステムを使うこともできます。

14
00:01:06,030 --> 00:01:10,870
 

15
00:01:11,100 --> 00:01:13,830
彼らはオレンジ色に変わります。

16
00:01:14,040 --> 00:01:19,520
次は、これを横にシフトして、すべての味方の要素を青色にします。

17
00:01:19,680 --> 00:01:21,840
独自の16進数の青を選びます。

18
00:01:22,350 --> 00:01:29,280
そうするために、我々はすべての同盟国を選択し、次に彼らに色を与え、我々は16進の青を行うつもりです。

19
00:01:29,280 --> 00:01:30,120
 

20
00:01:30,180 --> 00:01:33,540
だから、他の何よりも青い限り、ここに何かを置くことができます。

21
00:01:33,690 --> 00:01:37,560
最初のチャンネルが赤色で、次の2つが緑色であることを忘れないでください。

22
00:01:37,560 --> 00:01:43,870
だから、私たちは少し緑色をして、次に青色の束をやります。

23
00:01:44,460 --> 00:01:50,880
それを保存し、連合国を見てみましょう。あなたは青い光を得ることができます。

24
00:01:51,630 --> 00:01:55,570
だから、すべての段落の背景を黄色に変更してください。

25
00:01:55,860 --> 00:02:00,310
これは、タイプのすべての要素を選択する場所です。

26
00:02:00,360 --> 00:02:10,570
だから、すべての段落は黄色の背景に保存され、私たちは黄色の段落の束を取得します。

27
00:02:10,740 --> 00:02:15,510
次にすべての入力を選択し、3ピクセルの赤い枠線を与えます。

28
00:02:15,570 --> 00:02:20,050
境界線を入力すると、これを行うためのいくつかの方法があります。すべてを一度に行うことができます。

29
00:02:20,070 --> 00:02:22,230
 

30
00:02:25,470 --> 00:02:31,830
 

31
00:02:31,830 --> 00:02:33,300
 

32
00:02:36,420 --> 00:02:45,890
3つの画素が赤く塗りつぶされていると、2つの入力にプレフィックスまたはソリッドの境界線があることがわかります。これを別々に行うこともできます。赤色の境界線は3ピクセルです。

33
00:02:45,900 --> 00:02:47,710
これを行う方がずっと簡単です。

34
00:02:47,940 --> 00:02:51,440
しかし、時には、あなたはJavaScriptを取得するときにこれをしたいと思うことがあります。

35
00:02:51,570 --> 00:02:53,450
1つの部分を更新するだけです。

36
00:02:53,640 --> 00:02:58,100
したがって、ユーザーが何かの上を移動すると、赤い枠線から緑の枠線に変更する必要があります。

37
00:02:58,320 --> 00:03:03,080
さて、色を変えたいと思うかもしれませんし、そのスタイルのままにすることもできます。

38
00:03:03,130 --> 00:03:05,580
だから、私はこれのように残すつもりです。

39
00:03:06,150 --> 00:03:08,270
次に、クラスセレクタに移動します。

40
00:03:08,430 --> 00:03:10,690
だからクラスHelloですべてを与える。

41
00:03:10,740 --> 00:03:12,150
白い背景。

42
00:03:12,270 --> 00:03:15,390
実際には1つのことがあります。

43
00:03:15,390 --> 00:03:18,580
このdiv内のこの最初の段落はクラスです。

44
00:03:18,630 --> 00:03:19,520
こんにちは。

45
00:03:19,950 --> 00:03:22,500
そこで、クラスドットを選択します。

46
00:03:22,830 --> 00:03:27,630
こんにちは背景の白。

47
00:03:29,520 --> 00:03:31,680
そして、ここでこの段落を見ることができます。

48
00:03:31,710 --> 00:03:34,080
それは白くなる。

49
00:03:34,440 --> 00:03:40,720
次は、IDが特別な2ピクセルのソリッドな青いボーダーの要素を与えます。

50
00:03:40,740 --> 00:03:42,920
あなた自身のRを選んでください。 G. 青い。

51
00:03:43,290 --> 00:03:49,740
今度は同じことを今度はドットの代わりにハッシュ・サインやソープを使用してIDの名前をもう一度見ることができます。

52
00:03:49,740 --> 00:03:54,630
 

53
00:03:55,110 --> 00:04:03,640
そして、2ピクセルの実線のボーダーにピクセルのソリッドを、そしてRにそれを与えたいと思います。 G. 青い。

54
00:04:05,210 --> 00:04:14,220
それで、0赤100緑200青があります。新鮮ならば、この段落の周りに2ピクセルの青い境界線があります。

55
00:04:14,250 --> 00:04:19,310
 

56
00:04:19,440 --> 00:04:27,090
次は、divs内にネストされた段落をすべて25ピクセルフォントにし、ヒントはこのプロパティフォントDaschサイズ25ピクセルを使用します。

57
00:04:27,090 --> 00:04:31,020
 

58
00:04:31,020 --> 00:04:36,270
 

59
00:04:36,270 --> 00:04:42,200
ですから、私たちがここで行う必要があるのは、div内にある段落だけを必要とするすべての段落を選択するのではなく、div内にない段落があることがわかります。

60
00:04:42,540 --> 00:04:46,590
フォントサイズが25ピクセルになることは望ましくありません。

61
00:04:46,800 --> 00:04:56,010
 

62
00:04:56,190 --> 00:05:04,710
 

63
00:05:04,710 --> 00:05:17,520
 

64
00:05:17,520 --> 00:05:26,530
だから私たちはこの子孫のセレクタをdivとし、そのdivの中にすべての段落を使用するので、どのdivにも存在する段落は問題ではありません。どのdivでも段落を選択してフォントサイズを25ピクセルにしますこれらはすべて大きくなることがわかりますが、div内ではない段落がdivの代わりではないため、大きくなることはありません。次に、タイプテキストの入力だけが灰色の背景を持つようにします。

65
00:05:26,530 --> 00:05:30,850
 

66
00:05:30,860 --> 00:05:34,790
これはセレクタの別のタイプであり、属性に基づいています。

67
00:05:35,300 --> 00:05:39,450
だからあなたがしたい属性は、型がテキストと等しいところを見つけることです。

68
00:05:39,520 --> 00:05:44,900
したがって、基本的には、ここの入力はテキストと同じです。

69
00:05:45,510 --> 00:05:53,620
それで、私たちは、入力を入力してから、中括弧を四角い中括弧で囲みます。

70
00:05:53,690 --> 00:05:59,570
そしてそこにタイプの属性があり、それがテキストと等しいところを探していれば、背景グレーと言うだけです。

71
00:06:00,130 --> 00:06:04,440
 

72
00:06:05,200 --> 00:06:09,880
そして、ここで下にスクロールして目を覚ますと、灰色の背景が見えます。

73
00:06:10,940 --> 00:06:15,930
あなたがGoogleに行ったすべてのリンクを選択したい場合は、これもまた便利です。

74
00:06:15,940 --> 00:06:21,480
私たちは、Hに基づいて選択します。 F. 他の属性を選択することもできます。

75
00:06:21,500 --> 00:06:26,680
だから次の段落には3番目のdivの中にピンクの背景があります。

76
00:06:26,870 --> 00:06:28,180
だから、これは少し狂ってしまいます。

77
00:06:28,190 --> 00:06:30,070
それでは、HMOを見てみましょう。

78
00:06:30,320 --> 00:06:32,110
ここに3番目のdivがあります。 最初のものがここにあります。

79
00:06:32,120 --> 00:06:34,000
 

80
00:06:34,120 --> 00:06:40,210
2番目のものがここにあり、3番目のものがここにあり、2つの段落があり、それらの両方を選択してピンクの背景を与えたいとします。

81
00:06:40,210 --> 00:06:42,920
だから私たちが以前にしたことは、ここでは動作しないすべてのdivの中のすべての段落を選択することでした。

82
00:06:42,910 --> 00:06:50,160
私たちがやりたいことは、ページ上の3番目のdiv内のすべての段落を選択することです。

83
00:06:50,320 --> 00:06:55,420
そして、3番目のdivを指定する方法は、end of typeを使用することです。

84
00:06:55,660 --> 00:07:01,000
だから、divとタイプ3と言うでしょう。

85
00:07:01,000 --> 00:07:06,990
だからそれは私たちに3番目のdivを与え、次にそのすべての段落の代わりに、背景をピンク色にしてリフレッシュを保存して二重チェックしてみましょう。

86
00:07:07,030 --> 00:07:12,950
 

87
00:07:12,940 --> 00:07:21,110
ここに最初のdivがあります。

88
00:07:21,190 --> 00:07:22,930
ここに2番目のdivがあります。

89
00:07:23,180 --> 00:07:25,330
そしてここに3番目のdivがあります。

90
00:07:25,660 --> 00:07:26,960
段落をカーディガンで始めると、私は2番目の段落です。

91
00:07:27,110 --> 00:07:31,440
私たちはカーディガンに行く。

92
00:07:31,630 --> 00:07:33,090
私は2番目の段落です。

93
00:07:33,220 --> 00:07:35,850
次に、この2番目の段落に3番目のdiv内に5ピクセルの境界線の白い枠線を付けます。

94
00:07:35,870 --> 00:07:42,260
だから、これは3番目のdivの中の2番目の段落だけを必要とすることを除いて、非常に似ています。

95
00:07:42,250 --> 00:07:47,140
だからちょうどこれ。

96
00:07:47,140 --> 00:07:48,570
 

97
00:07:49,060 --> 00:07:57,910
だから私たちは3番目のdivとタイプ3のものを選んだのと同じことをやって、次にすべての段落ではなく、段落と型をします。

98
00:07:58,340 --> 00:08:02,110
そして、我々はそれらを組み合わせることができるように2番目のものを望んでいます。

99
00:08:02,810 --> 00:08:06,470
 

100
00:08:06,470 --> 00:08:13,440
これは3番目のdivの代わりに2番目の段落を選択し、5ピクセルの白い枠線の境界線に5ピクセルの白い空白を付けたいとします。

101
00:08:13,450 --> 00:08:20,230
そこに行く。

102
00:08:20,260 --> 00:08:20,820
divの2番目の段落には、5つのピクセルの白い枠線があります。

103
00:08:20,870 --> 00:08:24,610
最初のものではありません。

104
00:08:24,740 --> 00:08:27,110
次に、3番目のdiv要素のE-Mを白で20ピクセルフォントにします。

105
00:08:27,130 --> 00:08:34,490
それで、ここはこのE-Mです。ここはクロナットのスケートボードです。

106
00:08:35,600 --> 00:08:40,450
あなたがクラウンを知らないなら、それはとても美味しいです。

107
00:08:40,450 --> 00:08:43,200
おそらく過大評価されるかもしれない。

108
00:08:43,500 --> 00:08:44,690
間違いなく、ニューヨーク市出身のペストリー。

109
00:08:44,770 --> 00:08:48,740
それはドーナツとクロワッサンを持っています。

110
00:08:48,790 --> 00:08:50,810
だから、ここではヒップスターipsumの語彙の代わりに自宅で間違いなく。

111
00:08:51,080 --> 00:08:56,420
そして、私たちはそのE-Mを取るつもりです。そしてそれを白くし、20ピクセルのスワンにするつもりです。

112
00:08:56,410 --> 00:09:03,750
3を選択し、次にE-Mを選択する必要がありました。

113
00:09:04,070 --> 00:09:07,700
前と同じように、3番目のdiv

114
00:09:11,840 --> 00:09:12,200
 

115
00:09:15,830 --> 00:09:18,490
これにより、すべてのIEMが選択され、ただ1つしかないということが起こります。

116
00:09:18,790 --> 00:09:23,030
 

117
00:09:23,140 --> 00:09:31,050
しかし、複数ある場合は、最初にE-Mの最初の型やE-Mという段落の代わりに言いたいかもしれませんが、今のところこれをそのまま残しておきます。

118
00:09:31,510 --> 00:09:33,240
そして、我々はそれを白と20ピクセルの色の白とフォントサイズ20ピクセルに色を付けたい。

119
00:09:33,430 --> 00:09:43,580
そして、あなたに思い出させるために、私たちは、フォントやフォントサイズ、そして将来のビデオでは他のことについて話す時間を費やすつもりです。

120
00:09:44,090 --> 00:09:49,420
 

121
00:09:49,420 --> 00:09:52,110
そこに行く。

122
00:09:52,120 --> 00:09:53,310
それは白で、フォントサイズが変わります。

123
00:09:53,440 --> 00:09:55,720
だから今私はいくつかの私のお気に入りのボーナス練習の上にいる。

124
00:09:56,330 --> 00:09:59,910
物を選択して操作する、より面白い方法をもっとあいまいにするものがいくつかあります。

125
00:10:00,050 --> 00:10:04,520
だから始める。

126
00:10:05,710 --> 00:10:06,800
すべてのチェックボックスに50ピクセルの左マージンをつけて見てみましょう。

127
00:10:07,210 --> 00:10:13,750
50ピクセルの余白を残す必要があります。

128
00:10:13,750 --> 00:10:16,980
したがって、チェックされる要素を選択するセレクタがあります。

129
00:10:17,530 --> 00:10:21,970
そしてそれはちょうどこのように見えます。

130
00:10:21,980 --> 00:10:23,590
それは型のn番目のような擬似セレクタです。

131
00:10:23,810 --> 00:10:26,740
だから私たちが探しているものがチェックされていると言う必要があります。

132
00:10:26,750 --> 00:10:29,910
 

133
00:10:29,950 --> 00:10:36,400
だから私は、チェックボックスが入力タイプの等しいチェックボックスを覚えているので、チェックされているすべての入力を言うつもりですが、主にラジオボタンだけでチェックできる他の要素があります。

134
00:10:36,400 --> 00:10:45,130
これにより、チェックされているラジオボタンも選択されます。これは今のところうまくいきます。

135
00:10:45,130 --> 00:10:49,850
したがって、この入力コロンがチェックされているように見えます。

136
00:10:50,080 --> 00:10:53,410
そして、私たちがやりたいことは、余白を50ピクセル残して使用することです。

137
00:10:53,510 --> 00:10:58,180
 

138
00:10:58,390 --> 00:11:03,790
 

139
00:11:03,800 --> 00:11:09,670
これは、将来のビデオのいくつかでこれを追加したときに起こっていることを少しプレビューしたものです。チェックボックスの左側にスペースを追加すると、移動したものが表示されます。

140
00:11:10,030 --> 00:11:11,160
今私はこれをチェックするとこれがチェックされ、右の50ピクセルに移動します。

141
00:11:11,160 --> 00:11:17,400
チェックを外して左に戻すと

142
00:11:17,440 --> 00:11:22,100
だからそれはチェックされています。

143
00:11:22,750 --> 00:11:24,200
次のもの。

144
00:11:24,520 --> 00:11:25,390
これはおそらく私のお気に入りです。

145
00:11:25,460 --> 00:11:26,620
HMOを変更せずにラベル要素をすべて大文字にします。

146
00:11:26,710 --> 00:11:31,380
 

147
00:11:31,750 --> 00:11:36,820
だから私はあなたが間違いなくそれを見ることを望んでいると言いました、そして、それは間違いなくこれを超えてしまったからです。

148
00:11:36,820 --> 00:11:38,130
 

149
00:11:38,230 --> 00:11:45,400
ですから、すべてのラベル要素を選択し、HMOを変更せずに大文字にする方法がわからないとしましょう。

150
00:11:45,400 --> 00:11:47,890
ですから、Googleを立ち上げて検索してみましょう。これは私が以前に間違いなく行ったことです。

151
00:11:48,130 --> 00:11:53,650
 

152
00:11:53,920 --> 00:12:04,060
そこで上に上がって、検索をしてみましょう。大文字の評価を見ると、最初にポップアップするのは、テキスト変換とテキスト変換です。要素テキストを大文字にする方法を指定しています。

153
00:12:04,150 --> 00:12:10,820
これは、大文字でも小文字でも、各単語が大文字で表示されるようにするために使用できます。

154
00:12:11,080 --> 00:12:16,810
それでは、下にスクロールして構文を見てみましょう。

155
00:12:18,520 --> 00:12:23,210
資本家の最初の文字は大文字と小文字になりますか？

156
00:12:23,290 --> 00:12:26,580
だから、大文字が欲しい。

157
00:12:26,620 --> 00:12:29,730
したがって、テキストは大文字に変換されます。

158
00:12:29,770 --> 00:12:33,360
 

159
00:12:33,550 --> 00:12:38,560
 

160
00:12:38,560 --> 00:12:47,320
私はちょうどあなたに何かを見せてくれるだけではなく、実際に私が何かをしていることを見ているだけでなく、Googleの型入力に行くようになっています。

161
00:12:47,590 --> 00:12:48,730
そして、私は検索結果を見ます。なぜなら、思い出すことができるプロパティがたくさんあるからです。

162
00:12:48,850 --> 00:12:52,610
それらのすべてを覚えることはできません。

163
00:12:52,690 --> 00:12:54,300
だから、これはもっと曖昧なものの一つです。

164
00:12:54,610 --> 00:12:56,140
絶対に。

165
00:12:56,140 --> 00:12:57,240
これをリフレッシュすると、ここにあるラベルが表示されます。

166
00:12:57,550 --> 00:13:02,750
だから私はちょうど私たちの時間を示すためにそれを取り除くことができます。

167
00:13:02,860 --> 00:13:07,480
これらはラベルです。

168
00:13:07,510 --> 00:13:08,750
そして、これを追加し、上部ケースをリフレッシュします。

169
00:13:09,070 --> 00:13:13,180
次に、IDの特殊な緑色と100ピクセルのフォントサイズの要素の最初の文字を作成します。

170
00:13:14,200 --> 00:13:21,400
だから、最初の手紙を目標にすることは、私たちが最初の手紙を見て、私たちが何を得るかを見てみたいかもしれない別のものです。

171
00:13:22,240 --> 00:13:27,940
 

172
00:13:28,390 --> 00:13:31,030
だから、別の疑似セレクタがあるように見えます。

173
00:13:31,090 --> 00:13:33,430
最初の文字C Ss要素は、ブロックの最初の行の最初の文字を選択します。

174
00:13:33,610 --> 00:13:39,550
したがって、最初の手紙の例を見てください。

175
00:13:39,610 --> 00:13:43,930
それを試してみましょう。

176
00:13:44,200 --> 00:13:46,990
私たちは最初に特別なIDを選択し、最初にそれの手紙を選びます。

177
00:13:47,240 --> 00:13:53,420
 

178
00:13:53,980 --> 00:14:04,020
そして、それを緑色にし、100ピクセルのフォントサイズで、緑色とフォントサイズ100ピクセルを保存して、その要素がここにあるようにします。

179
00:14:04,780 --> 00:14:06,560
だから私たちがリフレッシュする最初の手紙に目を留めて、この巨大な緑の目を得る。

180
00:14:06,580 --> 00:14:13,220
次の1つは、H-1要素の色を、ホバリングしたときに青色に変えます。

181
00:14:14,110 --> 00:14:19,430
だから、これは実際にはある種の効果を持つのがかなり一般的です。

182
00:14:19,690 --> 00:14:23,370
 

183
00:14:23,380 --> 00:14:28,840
 

184
00:14:28,840 --> 00:14:34,120
あなたが何かの上にマウスを置くと、それはかなり微妙かもしれません。ボタンとその上にマウスを置くと、色が少しだけシフトして見える小さな影があります。気を散らすことなく、インタラクティブ性のビット。

185
00:14:34,120 --> 00:14:40,000
だから私たちはH-1を選ぶつもりです。そして、これは実際にはそれぞれ1つです。

186
00:14:40,510 --> 00:14:44,960
 

187
00:14:44,980 --> 00:14:51,760
しかし、この場合、それは唯一のものであり、擬似セレクターはホバーであり、ここに入れるものは、ユーザーが要素の上を移動したときにのみ適用されます。

188
00:14:51,760 --> 00:14:54,780
色は青で保存します。

189
00:14:55,210 --> 00:14:57,680
ここに私たちのH-1があります。

190
00:14:58,030 --> 00:14:59,820
私がホバリングをやめたときにホバーが青に変わると、前にあったものに戻ります。

191
00:15:00,250 --> 00:15:06,610
 

192
00:15:08,380 --> 00:15:15,280
最終的に訪問された要素を灰色にして、2つの要素を見ることができるようになりました。これらの2つのリンクは、実際にFacebookにリンクしています。

193
00:15:15,280 --> 00:15:20,380
だからこそ、彼らはデフォルトで紫色のChromeを使用しているため、訪問したすべての人が紫色に思うようになります。

194
00:15:20,380 --> 00:15:25,530
それでは、私が以前に行ったことのないリンクを作ってみましょう。何かを始めるにはちょうどいいものを作るつもりです。私はページをリフレッシュすることを示します。

195
00:15:25,660 --> 00:15:29,320
 

196
00:15:29,320 --> 00:15:32,110
今は青です。

197
00:15:32,110 --> 00:15:33,190
私はそこにいなかったので。

198
00:15:33,250 --> 00:15:34,900
だから今のところ私はそれをクリックしないつもりです。

199
00:15:35,080 --> 00:15:37,440
そして、私たちは訪れたものを紫色にするのではなく、紫色にします。

200
00:15:38,020 --> 00:15:41,760
私は一度訪れた人を紫色ではなく灰色にしたいと申し訳ありません。

201
00:15:42,000 --> 00:15:45,490
そこで、擬似セレクタがvisitedと呼んでいるタグを選択して、それをグレーで保存します。

202
00:15:45,760 --> 00:15:56,600
リフレッシュすれば

203
00:15:56,840 --> 00:15:57,920
ここでこのことに注目してください。

204
00:15:58,030 --> 00:15:59,540
私はフォントを少し大きくします。

205
00:15:59,590 --> 00:16:00,970
私はリフレッシュする前にそこに行っていたので、現在紫色です。

206
00:16:00,970 --> 00:16:04,430
今は素晴らしいです。

207
00:16:04,540 --> 00:16:05,500
OK、あなたはその運動を楽しんでください。

208
00:16:05,800 --> 00:16:07,990
そこに解き放つことはたくさんあります。

209
00:16:07,990 --> 00:16:09,340
さまざまなセレクタ。

210
00:16:09,340 --> 00:16:10,990
 

211
00:16:11,290 --> 00:16:17,140
さらに、私が追加することの1つは、私が持っている、あるいはほぼすべてのソリューションに対して、まったく同じ結果を達成するための少なくとも1つまたは2つの方法があるということです。

212
00:16:17,140 --> 00:16:21,460
だから私と違う何かがあっても、それでも効果があったらそれは素晴らしいです。

213
00:16:21,490 --> 00:16:25,360
コメントに自由に追加してください。

214
00:16:25,360 --> 00:16:27,060
他の人と共有してください。

215
00:16:27,160 --> 00:16:28,490
それは完全に有効です。

216
00:16:28,510 --> 00:16:29,780
これはちょうど私がそれをした方法です。

217
00:16:29,800 --> 00:16:32,680
もう一つのこと。

218
00:16:32,680 --> 00:16:33,890
明らかにこのサイトは特に魅力的ではありません。

219
00:16:34,240 --> 00:16:37,060
これは実際のサイトではありません。

220
00:16:37,210 --> 00:16:38,620
私たちは次の練習ビデオですぐに実際のプロジェクトに取り組んでいきます。

221
00:16:38,650 --> 00:16:43,110
私たちは実際には、ちょっとしたデザインのブログサイトを作るつもりです。

222
00:16:43,210 --> 00:16:47,040
これはこれよりもはるかによく見えます。

223
00:16:47,140 --> 00:16:49,020
これは単なる練習です。

224
00:16:49,030 --> 00:16:51,010