1
00:00:00,600 --> 00:00:06,790
だから次は、上にテキストを追加して、このようにする必要があります。

2
00:00:06,960 --> 00:00:11,020
幸いにも、これはこのイメージグリッドを作ることに比べて比較的簡単です。

3
00:00:11,370 --> 00:00:13,550
最初にフォントを取得する必要があります。

4
00:00:13,770 --> 00:00:15,360
このフォントはRailwayと呼ばれています。

5
00:00:15,360 --> 00:00:18,130
今まで見てきたGoogleのフォントの1つです。

6
00:00:18,390 --> 00:00:22,950
だから私はGoogleのフォントに行き、本物を探すつもりです。

7
00:00:22,980 --> 00:00:23,590
さあ。

8
00:00:23,620 --> 00:00:32,430
それはここで使用するトップのものです、そして、私は先に進み、正常をつかむつもりです。

9
00:00:32,520 --> 00:00:37,090
そして、800をやろう。

10
00:00:38,220 --> 00:00:40,410
HMOにこれを含めることにします。

11
00:00:44,370 --> 00:00:46,170
 

12
00:00:46,560 --> 00:00:52,710
だから私たちは今、そのフォントへのアクセス権を持っています。それから、テキストを追加するだけです。

13
00:00:52,710 --> 00:00:59,760
まず第一に、私はそれを段落にしようと思っています。私はここで私の名前をスラッシュで区切っています。

14
00:00:59,760 --> 00:01:01,820
 

15
00:01:02,160 --> 00:01:04,390
私たちはここにあなたが望むものを置くことを知らせることができます。

16
00:01:04,410 --> 00:01:10,650
 

17
00:01:10,650 --> 00:01:17,100
これはテキサスの写真のブログや私のブログに歩くことができるかもしれないが、私はそれを単純にして保存しているいくつかのテキストを保存し、次に私たちはここで行くでしょう。

18
00:01:17,410 --> 00:01:26,760
パラグラフを選択すると、実際にフォントファミリが表示され、最終的に何が表示されるのかを見てみましょう。

19
00:01:27,470 --> 00:01:27,950
OK。

20
00:01:28,260 --> 00:01:30,490
だから、最もエキサイティングではありません。

21
00:01:30,630 --> 00:01:31,960
それほどまだありません。

22
00:01:31,980 --> 00:01:36,160
それは小さすぎて、正しく配置されていません。

23
00:01:36,210 --> 00:01:38,900
私たちは1以上を動かす必要があります。 6％も。

24
00:01:39,000 --> 00:01:43,030
ちょうどこのイメージのように私たちはそこから始めることができます。

25
00:01:43,260 --> 00:01:52,620
私たちがする必要があるのは、段落に行き、左余白を追加するだけです。それはちょうど1ポイント6 6パーセントです。

26
00:01:52,650 --> 00:01:55,190
 

27
00:01:55,520 --> 00:01:59,750
私たちは新鮮でOKです。

28
00:01:59,880 --> 00:02:03,340
だから私たちがやりたいことは、確かにフォントサイズを増やすことです。

29
00:02:03,780 --> 00:02:10,020
だから、私がここで使用したフォントサイズは23ピクセルで、それだけでなく、フォントウェイト800を使用したので、それを選択しなければなりませんでした。

30
00:02:10,020 --> 00:02:12,980
 

31
00:02:12,990 --> 00:02:17,240
だからここでフォントサイズは23ピクセルと言うでしょう。

32
00:02:17,460 --> 00:02:20,030
私はそれがどのように見えるかをお見せします。

33
00:02:20,190 --> 00:02:23,500
だから、それはもっと大きいですが、それはまだ大胆ではありません。

34
00:02:23,520 --> 00:02:27,660
それでは、戻ってフォントの重さを追加します。

35
00:02:28,080 --> 00:02:30,750
八百百救い。

36
00:02:31,260 --> 00:02:33,610
今我々は秋に新鮮だった。

37
00:02:33,610 --> 00:02:39,810
 

38
00:02:39,810 --> 00:02:47,800
私は大文字のテキストを使用しなかったので、テキスト変換を使用してそれを行うことができます。あるいは、HDMIを変更することができます。

39
00:02:48,230 --> 00:02:52,470
だから私はここでテキストを大文字に変換するつもりです。

40
00:02:52,590 --> 00:02:54,880
これで大文字になりました。

41
00:02:54,970 --> 00:02:55,960
そこに行く。

42
00:02:56,370 --> 00:03:02,790
 

43
00:03:02,790 --> 00:03:08,400
 

44
00:03:08,400 --> 00:03:12,380
だから、文字列の長さが長い場合は、特に自分ですべての文字を再入力する必要がなく、プロパティを評価するために文字を追加するほうがはるかに簡単で簡単なため、テキスト変換を使用する簡単な例を見ることができます。

45
00:03:12,990 --> 00:03:16,690
さて、最後に欠けているのはここの小さな線です。

46
00:03:16,820 --> 00:03:22,980
私はそれがかなりかすかであることを知っていますが、ここにはラインがあり、それはこの最初のイメージに沿って進みます。

47
00:03:22,980 --> 00:03:24,940
 

48
00:03:25,230 --> 00:03:28,160
それは全体の30％を占めています。

49
00:03:28,170 --> 00:03:34,390
それで、私たちがやることは、実際には、この段落の一番下にある検査されている底の境界線です。

50
00:03:34,770 --> 00:03:36,560
 

51
00:03:36,960 --> 00:03:43,500
だから、段落自体がここで終わる30％のところで段落自体が終わり、それから私たちが始まった底に接していることが分かります。

52
00:03:43,500 --> 00:03:46,000
 

53
00:03:46,500 --> 00:03:51,360
だから私たちのC SSと私たちの段落に戻ってみましょう。

54
00:03:51,480 --> 00:03:58,380
最初に境界線をつけて開始してみましょう。開始することを明示してみましょう.3つのピクセルが赤く点灯するようにしましょう。

55
00:03:58,830 --> 00:03:59,830
 

56
00:03:59,880 --> 00:04:06,370
だから私たちは保存してリフレッシュして、境界線が完全に横切っていることを確認します。

57
00:04:06,490 --> 00:04:08,420
そして私はそれがあまりにも悪くはないと思う。

58
00:04:08,430 --> 00:04:10,460
私たちは間違いなくここでこれを修正したい。

59
00:04:10,800 --> 00:04:16,260
しかし、そうするのではなく、横幅の30％しか変化しないように幅を変更するつもりです。

60
00:04:16,830 --> 00:04:18,170
だから私たちはそれから始めます。

61
00:04:18,390 --> 00:04:24,220
つまり、幅を段落30％に設定するだけです。

62
00:04:25,250 --> 00:04:32,730
OKだからここで終わり、次に色が一致するので、私が使用する色は非常にかすかなものになります。

63
00:04:32,730 --> 00:04:33,810
 

64
00:04:34,080 --> 00:04:36,090
ここでこれを変更するつもりです。

65
00:04:36,150 --> 00:04:38,950
これは16進数の色です。

66
00:04:39,000 --> 00:04:44,780
EF 1 EF 1 EF 1はそのように見えます。

67
00:04:45,630 --> 00:04:51,140
あなたはそれが非常にかすかなことを見ることができ、私は3ピクセルではなく2ピクセルでそれを持っていたと思う。

68
00:04:51,450 --> 00:04:53,030
とても小さな変化。

69
00:04:53,070 --> 00:04:59,520
これを2ピクセルに変更し、最後のものは間隔です。

70
00:04:59,520 --> 00:05:04,540
ここでは、テキストと境界の間にスペースがあることがわかります。

71
00:05:04,590 --> 00:05:12,200
そしてここでは、要素とその境界の間のスペースがパディングであることを覚えていません。

72
00:05:12,450 --> 00:05:18,720
だから私たちが検査すれば、そこに緑色の詰め物があることを確認することができます。

73
00:05:19,320 --> 00:05:22,190
だから私たちはここでもパディングをする必要があります。

74
00:05:22,200 --> 00:05:25,470
 

75
00:05:28,370 --> 00:05:33,500
だからRCのSSで我々はちょうど20ピクセルの下にパディングを行うつもりだし、我々はリフレッシュに戻るでしょう。

76
00:05:33,570 --> 00:05:35,740
そして今、私たちはそこに少しスペースを持っています。

77
00:05:35,760 --> 00:05:40,350
今はもちろん、これを使って遊んでも構いませんが、好きな行を好きにしていれば、好きであれば好きです。

78
00:05:40,350 --> 00:05:42,360
 

79
00:05:42,400 --> 00:05:47,610
3つではなく画面全体に多くの画像を表示したい場合は、パディングを削除するか、パディングを追加したい場合は、テキストを大きくしたいとします。

80
00:05:47,910 --> 00:05:51,350
 

81
00:05:51,360 --> 00:05:53,430
あなたができることは何でもあります。

82
00:05:53,430 --> 00:05:56,770
そうですね、私はあなたがいくらかOKに見えるものを作ることを楽しんでいたことを願っています。