1
00:00:01,300 --> 00:00:04,270
それでは、実際にC Sを書く時間です。

2
00:00:04,290 --> 00:00:05,400
とてもわくわくする。

3
00:00:05,400 --> 00:00:09,000
私たちがそれをする前に、私たちがスタイルをとることができる若い老人を持つ必要があります。

4
00:00:09,180 --> 00:00:16,470
だから私は先に進んで崇高な状態で新しいファイルを作って、それを今のところ私の机の上に置いて保存し、私はそれについて私に呼びます。

5
00:00:16,470 --> 00:00:18,140
 

6
00:00:18,220 --> 00:00:21,180
HMO。

7
00:00:22,470 --> 00:00:30,400
その小さなテクニックを使って骨格をボイラープレートにしてください。これは非常に簡単なページになるでしょう。

8
00:00:30,600 --> 00:00:34,500
私たちがここでやったとき、今は美しくはないと言っています。

9
00:00:34,590 --> 00:00:36,110
私たちはいくつかの色を変更するつもりです。

10
00:00:36,210 --> 00:00:38,950
私たちは、これらのすべてがどのように連動しているかの基本について説明します。

11
00:00:39,240 --> 00:00:44,820
だから私はちょうど私のことについて行くつもりですし、私の趣味のかゆみを言いましょう。

12
00:00:48,450 --> 00:00:52,430
 

13
00:00:52,740 --> 00:00:55,150
自由にこれをあなた自身に適応させてください。

14
00:00:55,530 --> 00:01:12,730
リストといくつかの同盟国を追加して、タールの料理や折り紙を飛ばしてそのファイルを保存しましょう。

15
00:01:13,110 --> 00:01:14,180
ダブルチェックをしましょう。

16
00:01:14,280 --> 00:01:16,870
それを開こう。

17
00:01:16,920 --> 00:01:17,480
すばらしいです。

18
00:01:17,550 --> 00:01:19,970
ここに私たちが作ろうとしているすばらしいサイトがあります。

19
00:01:20,580 --> 00:01:26,650
実際に成功を収める前に、どこに成功するかを決めなければなりません。

20
00:01:26,820 --> 00:01:28,520
実際にはいくつかの選択肢があります。

21
00:01:28,860 --> 00:01:34,800
だからメモには、私がこのページで参照している2つがあり、あなたに今話す最初のものは良い考えではありません。

22
00:01:34,800 --> 00:01:36,840
 

23
00:01:36,840 --> 00:01:41,100
私はそれをあなたに示すので、あなたは2つの理由でそれを認識しています。

24
00:01:41,100 --> 00:01:47,430
1つはこれを使用して別のスタイルシートの前に要素をスタイルすることができ、CSSAの前にすべての要素でこれを実際に行った唯一の方法です。

25
00:01:47,490 --> 00:01:51,390
 

26
00:01:51,660 --> 00:01:55,380
だから例を挙げてみましょう。

27
00:01:55,830 --> 00:01:59,140
私はこの最初の嘘を紫色にしたい。

28
00:01:59,340 --> 00:02:08,000
私はスタイルを言うだろうし、引用符で色紫とそれが動作すると言う。

29
00:02:08,580 --> 00:02:10,800
これは紫色に変わります。

30
00:02:11,490 --> 00:02:18,780
ですから問題はありますが、これらの3つをすべて紫色にしたい場合、毎回これを複製しておく必要があります。

31
00:02:18,780 --> 00:02:20,880
 

32
00:02:20,880 --> 00:02:21,910
それは多くの仕事です。

33
00:02:21,990 --> 00:02:27,300
そして、もし私がオハイオ州を決めるなら、私はそれらを緑色にしたい、そして私は行く必要があり、3つの異なる場所を緑色に変える必要がある。

34
00:02:27,870 --> 00:02:28,570
 

35
00:02:28,770 --> 00:02:33,960
そして、明らかにその問題は、あなたが与えられたページに同じスタイルを持つ同じ要素が何百もあるときにはるかに悪いです。

36
00:02:34,170 --> 00:02:35,940
 

37
00:02:35,940 --> 00:02:37,200
だからこれは悪い考えです。

38
00:02:37,470 --> 00:02:43,220
そして、これが素晴らしい考えではないもう一つの理由は、私たちが私たちの時間LをRCAから分離したいということです。

39
00:02:43,380 --> 00:02:46,050
これは懸念の分離という考えです。

40
00:02:46,200 --> 00:02:50,030
私たちは、CSSAを独自のファイルに組み込むことを望んでいます。

41
00:02:50,040 --> 00:02:53,270
私たちは、彼が構造だけで独自のファイルになるように彼を老化させたい。

42
00:02:53,290 --> 00:02:55,130
C Sはちょうどスタイルです。

43
00:02:55,230 --> 00:02:58,490
だから、今はこれは2つの奇妙なブレンドのようなものです。

44
00:02:58,710 --> 00:03:07,010
だから私はそれを取り除くつもりだし、ノートの中のもう一つはスタイル攻撃と呼ばれるものだ。

45
00:03:07,360 --> 00:03:13,740
したがって、スタイルタグを使用すると、実際に物を選択するC Ss構文を記述できます。ここではできない中括弧があります。

46
00:03:14,040 --> 00:03:15,580
 

47
00:03:16,230 --> 00:03:20,590
しかし、私たちができることは、文書の中でこれを行うことです。

48
00:03:20,700 --> 00:03:25,530
Ssタグとセレクタを書くことができます。

49
00:03:29,940 --> 00:03:40,620
だから先に進むと、styleと呼ばれるタグを作成し、この属性タイプをテキストスラッシュC Sと同じにすることができます。ここでは、ここにC

50
00:03:40,890 --> 00:03:43,260
 

51
00:03:43,470 --> 00:03:52,620
したがって、これが一般的なルールセレクタであることを忘れないでください。そして、中括弧の中にプロパティがあり、次に値がセミコロンになります。

52
00:03:52,650 --> 00:03:55,240
 

53
00:03:55,920 --> 00:03:58,990
だから私はコメントをする方法でこれをコメントするつもりです。

54
00:03:59,040 --> 00:04:03,870
SSはスラッシュとアスタリスクを使用し、アスタリスクとスラッシュを使用します。

55
00:04:04,230 --> 00:04:06,060
だから私はこれをここに残すつもりだ。

56
00:04:06,270 --> 00:04:12,990
H-1を紫色に変えて始めましょう。

57
00:04:13,020 --> 00:04:16,810
だから私たちがこのパターンに従えば、それを選択する方法を書いています。

58
00:04:17,070 --> 00:04:23,670
だから私たちはそれぞれを何度も書くつもりで、私たちはさまざまなタイプのセレクタに多くの時間を費やしています。

59
00:04:23,670 --> 00:04:24,680
 

60
00:04:24,690 --> 00:04:29,640
そこで今、我々はH-1であるエレメントタイプに基づいて選択するようになったエレメントセレクターと呼ばれるものについて学んでいます。

61
00:04:29,760 --> 00:04:32,860
 

62
00:04:33,300 --> 00:04:38,550
今ここではプロパティを追加していきます。このビデオでは、非常にシンプルで色を使用するようにしています。

63
00:04:38,550 --> 00:04:40,220
 

64
00:04:40,740 --> 00:04:54,490
だから私は色と紫色を言い、このリロードやページを保存して元に戻すと紫色のH-1が得られます。次にできるのは、すべての同盟国をオレンジ色に変更し、要素セレクターで選択することですもう一度やり直してください。

65
00:04:54,490 --> 00:05:03,430
 

66
00:05:03,430 --> 00:05:06,510
 

67
00:05:06,520 --> 00:05:10,660
カンマやその他の句読点は必要ありません。

68
00:05:10,660 --> 00:05:19,390
ここでは中括弧を適用する別のルールを実行し、今回は色がオレンジであると言うことになります。

69
00:05:19,390 --> 00:05:25,780
だから私たちがこれをやっているのは、このElyseセレクターがただ一つだけを選択するのではなく、すべての嘘を選択することをあなたに示すことです。

70
00:05:25,780 --> 00:05:28,500
 

71
00:05:28,600 --> 00:05:33,340
私たちは3人ともリフレッシュするので、今はオレンジです。

72
00:05:33,340 --> 00:05:36,220
H-1と同様に、複数のhがある場合も同様です。

73
00:05:36,310 --> 00:05:38,190
だから私はちょうど3つを追加します。

74
00:05:38,260 --> 00:05:42,210
彼らはすべて紫色になります。

75
00:05:42,220 --> 00:05:48,850
私がここであなたを見せてくれるもう1つのことは、後でそれぞれ別のスタイルを見つける必要がある場合です。青でなければ青に変わるはずです。

76
00:05:48,850 --> 00:05:50,380
 

77
00:05:54,130 --> 00:05:54,860
 

78
00:05:54,910 --> 00:05:56,020
それらのすべてが青に変わります。

79
00:05:56,080 --> 00:06:00,400
そして、これは、スタイル情報が矛盾しているときに何が起きるかについて、より多くを学ぶことになるでしょう。

80
00:06:00,400 --> 00:06:02,680
 

81
00:06:02,680 --> 00:06:05,200
そしてこの場合、私たちはそれらを全て紫色に変えました。

82
00:06:05,410 --> 00:06:07,870
そしてその後、我々はそれらをすべて青に変えます。

83
00:06:07,870 --> 00:06:12,510
それで、後で来たものが私が推測する戦いに勝った。

84
00:06:13,560 --> 00:06:14,040
OK。

85
00:06:14,050 --> 00:06:21,520
だから私たちがやってきたことの問題はうまく見えますが、残念ながら私たちのHMOにはまだあります。

86
00:06:21,520 --> 00:06:22,550
 

87
00:06:22,690 --> 00:06:27,940
そして、私はちょうど数分前に彼を分けたい、あるいは彼と出会いたいと言ってしまったのです.R C

88
00:06:27,940 --> 00:06:30,210
S私たちは、彼らをつなぎたいと思っていません。

89
00:06:30,320 --> 00:06:35,000
私たちは彼らが接続されることを望んでいます。私たちはCCを彼女のHMOの中に入れたくないのです。

90
00:06:35,440 --> 00:06:38,630
機能的には全く同じように機能します。

91
00:06:38,800 --> 00:06:46,880
視覚的な違いはありませんが、実際にはリンクタグを使用するだけです。

92
00:06:47,290 --> 00:06:53,810
 

93
00:06:53,810 --> 00:06:59,830
 

94
00:07:00,190 --> 00:07:01,580
だから、リンクタグが私たちにできることは、完全に別のファイルにSSを書き込んだり、見たりして、私たちの頭の代わりにリンクタグに接続して、そのファイルと魂の内容を取得し、

95
00:07:01,580 --> 00:07:05,090
ティム・L。 そのファイルの内容を指定します。

96
00:07:07,270 --> 00:07:13,780
SSをここに入れることで、私たちはそれを保存して、それを呼び出すつもりです。

97
00:07:13,780 --> 00:07:17,630
だから、私たちは新しいファイルを作ることから始めることもできるし、RC

98
00:07:17,690 --> 00:07:25,420
あなたは何をしたいのですが、C

99
00:07:26,230 --> 00:07:28,960
Sのドットを付ける必要があり、それを私のHDMIファイルと同じディレクトリに置いています。

100
00:07:29,050 --> 00:07:37,360
私が次にやるべきことは、いくつかのスタイルを定義することです。ここではH-1は、色が赤で、色が緑であるとします。

101
00:07:37,400 --> 00:07:42,630
 

102
00:07:43,240 --> 00:07:46,870
そして私たちがここにいる間もそれを変更しましょう。

103
00:07:46,870 --> 00:07:49,330
カラーパープル。

104
00:07:49,870 --> 00:07:50,830
すばらしいです。

105
00:07:50,980 --> 00:07:58,180
CSSAについてはここで定義してありますので、ここでコメントします。

106
00:07:58,180 --> 00:08:00,750
もちろん、彼らは今接続されていませんが。

107
00:08:01,120 --> 00:08:04,030
だから私たちはファイルを作ったが、接続されていない。

108
00:08:04,180 --> 00:08:06,550
そのためには、リンクタグを使用する必要があります。

109
00:08:06,880 --> 00:08:13,810
 

110
00:08:14,210 --> 00:08:19,570
 

111
00:08:19,570 --> 00:08:22,110
だからちょうどリンクを入力してタブを押すと、崇高なテキストがA-Trakと呼ばれる記入したいという重要な属性があることがわかります。アンカータグのトラフのように機能します到着してください。

112
00:08:22,140 --> 00:08:24,900
我々はファイルを見つける場所を与える。

113
00:08:24,940 --> 00:08:35,140
この場合、このファイルはちょうどaptと呼ばれているので、私たちはabductsを書きます。

114
00:08:35,140 --> 00:08:42,540
今度はH-1の紫色のページ4と緑色の味方を読んだので、私たちがやろうとしていることを見てみましょう。

115
00:08:42,540 --> 00:08:43,920
今はスタイリングまで。

116
00:08:44,110 --> 00:08:50,440
 

117
00:08:50,620 --> 00:08:57,070
ここで要約すると、最初に述べたことは、style属性を使用してこのスタイルのように見えるスタイルを追加し、それにプロパティを与えることです。これは2つの理由から悪い考えです。

118
00:08:57,160 --> 00:09:01,420
その最初のものは、私たちが混乱したくないということです。また、H Tim Lにはたくさんのスタイルがあります。

119
00:09:01,480 --> 00:09:02,890
私たちは彼らを別々にしたい。

120
00:09:03,160 --> 00:09:06,860
そして第二の理由は、私たちが物事を変えたいのであれば痛いということです。

121
00:09:07,150 --> 00:09:11,500
すべての3Hを1つのスレッドにしたい場合は、重複しています。

122
00:09:11,530 --> 00:09:14,850
そのコードを3つの異なる場所にコピーする必要があります。

123
00:09:15,340 --> 00:09:21,550
次は、スタイルタグとスタイルタグを使用していたことを知り、私たちはh Timoの中にC S

124
00:09:21,640 --> 00:09:23,110
usを書きました。

125
00:09:23,410 --> 00:09:24,940
それはうまくいく。

126
00:09:24,940 --> 00:09:30,010
CSSA構文を使用して、それぞれを一度に選択できるようにします。

127
00:09:30,010 --> 00:09:34,710
問題は、R C S Sを直接怒らせたくないということです。

128
00:09:35,230 --> 00:09:39,940
しかし、新しいファイルを作って接続したくないスタイルをすばやく追加したいものをデバッグするだけの場合は、これを時折使用します。

129
00:09:40,180 --> 00:09:42,880
 

130
00:09:42,920 --> 00:09:44,480
後でそれを削除するだけです。

131
00:09:44,590 --> 00:09:46,100
それは本当に私が使っている時間です。

132
00:09:46,100 --> 00:09:48,530
クイックデモの目的にすぎません。

133
00:09:48,730 --> 00:09:53,670
しかし、私たちが実際に使用したいのは、linkタグのlinkタグです。

134
00:09:53,860 --> 00:09:55,810
これは単なる別のファイルへの参照です。

135
00:09:55,960 --> 00:10:02,020
だから、スタイルでいっぱいのファイルが必要なのは、Dotsieの評価で終了し、それを保存してからH

136
00:10:02,020 --> 00:10:05,800
ref属性に接続するだけで済みます。

137
00:10:05,800 --> 00:10:12,550
私が言及することを忘れたことの1つは、間違いなくあなたの頭にリンクのタグとスタイルを入れたいということです。

138
00:10:12,790 --> 00:10:17,110
 

139
00:10:17,110 --> 00:10:22,600
 

140
00:10:22,900 --> 00:10:24,190
それは実際にはページの上に実際にはない要素を置く場所ではなく、要素と関係があるものなので、スタイルシートや最終的にjavascript