1
00:00:00,240 --> 00:00:01,290
お帰りなさい。

2
00:00:01,290 --> 00:00:06,670
だから、このビデオは評価がどのように働くのか、それが何をするのかについての高レベルな概観になるでしょう。

3
00:00:06,720 --> 00:00:11,310
だから、私たちは実際には次のレッスンまではどんなコードでも作成したいと思っています。

4
00:00:11,310 --> 00:00:13,120
 

5
00:00:13,500 --> 00:00:18,930
しかし、私たちがしようとしていることは、成功を定義し、それが果たす役割について話す3つの重要なことです。

6
00:00:18,930 --> 00:00:21,870
 

7
00:00:21,870 --> 00:00:24,180
私たちはいくつかのウェブサイトを見るつもりです。

8
00:00:24,210 --> 00:00:27,560
私たちはC S C Sを離れて、彼らがどのように変化するかを見ていきます。

9
00:00:27,900 --> 00:00:32,490
そして、私たちが書いたCSSAのすべての行についてこの一般的な規則を定義します。

10
00:00:34,380 --> 00:00:39,580
だから、カスケーディングスタイルシートのスタンスは何ですか？

11
00:00:39,840 --> 00:00:43,670
カスケードする部分は、後のビデオで実際に戻ってきます。

12
00:00:43,830 --> 00:00:46,690
しかし、スタイルシートはかなり自明です。

13
00:00:46,710 --> 00:00:55,390
C Sは、しばしばH M Lが名詞である形容詞または皮膚とみなされることを覚えておいてください。

14
00:00:55,590 --> 00:00:59,830
だからジム・エリスは、ここで私たちが望む構造とここでの弾丸を指します。

15
00:01:00,090 --> 00:01:07,740
私たちは見出しを紫色にし、フォントサイズを50ピクセルとし、これを下に移動して境界線を付けました。

16
00:01:07,740 --> 00:01:09,170
 

17
00:01:09,240 --> 00:01:13,760
それで、スタイルシートのように見えるようにする方法を記述するために使用します。

18
00:01:13,770 --> 00:01:19,410
他の部分はシートの一部です。つまり、各チームとは別にこれらを書いていきます。

19
00:01:19,530 --> 00:01:21,030
 

20
00:01:21,110 --> 00:01:23,400
彼らはHMOの中にいません。

21
00:01:23,460 --> 00:01:27,590
それらはHMOに含まれる別々の書類です。

22
00:01:28,020 --> 00:01:31,510
ですから、いくつかの例を見てみましょう。

23
00:01:31,560 --> 00:01:35,430
私が本当に気に入っているCSX

24
00:01:38,610 --> 00:01:44,490
Zen gardenというサイトがあります。このサイトのポイントは、あなたがJesse sによって達成できるさまざまなことを示すことです。

25
00:01:44,490 --> 00:01:45,220
 

26
00:01:45,300 --> 00:01:49,200
ここで見てみると、マークアップがあります。

27
00:01:49,260 --> 00:01:52,120
HDMIファイルを見てみましょう。

28
00:01:52,410 --> 00:01:54,010
私たちは先に進み、それを開くことができます。

29
00:01:54,450 --> 00:01:58,780
これは、NCEAの言うすべてのシングルページの中核ファイルです。

30
00:01:58,840 --> 00:02:00,300
禅の庭が使用します。

31
00:02:00,300 --> 00:02:02,130
あなたはそれがかなり基本的であることを見ることができます。

32
00:02:02,130 --> 00:02:04,280
私たちはいくつかの見出しを持っています。

33
00:02:04,280 --> 00:02:10,260
 

34
00:02:10,260 --> 00:02:16,710
 

35
00:02:16,710 --> 00:02:17,580
私たちはいくつかの段落をいくつかリンクしています。いくつかの箇条書きの点が下にあります。そして、このサイトの全体的な考え方は、貢献者がこれを電子メールに送り、自分のCSSAを書くことです。

36
00:02:17,580 --> 00:02:23,360
したがって、構造が同じであるかどうかを評価するだけで、結果は変わります。

37
00:02:23,370 --> 00:02:25,550
だからここに一つだ。

38
00:02:25,720 --> 00:02:31,320
そして右側にはいくつかの他のものをチェックすることができます。サイトにはたくさんのものがあります。実際にあなたが望むのであれば、あなた自身で貢献することができます。

39
00:02:31,350 --> 00:02:33,800
 

40
00:02:34,080 --> 00:02:35,020
さて、見てみましょう。

41
00:02:35,250 --> 00:02:42,750
だから、これは根本的に異なっています。

42
00:02:42,750 --> 00:02:44,190
これもまた非常に異なっています。

43
00:02:44,190 --> 00:02:47,840
それは、私たちがRosciusで行ったこの素晴らしい読み込みアニメーションを持っています。

44
00:02:48,240 --> 00:02:54,420
下にスクロールすることができ、コンテンツがスクロールするが背景画像は静的である場合にこの効果があります。

45
00:02:56,130 --> 00:03:00,190
私たちには根本的に異なるこのものがあります。

46
00:03:01,020 --> 00:03:06,990
私たちは一日中ここで過ごすことができ、私たちはジミーという名前のロボットである私の好きなものをもう1つ見つけます。

47
00:03:06,990 --> 00:03:08,820
 

48
00:03:09,190 --> 00:03:13,510
私たちはこの小さなロボットを手に入れて、この回転の中で背中の星の爆発を起こします。

49
00:03:13,620 --> 00:03:20,860
また別のスクロール効果もありますので、私はこれをあなたに示していますので、CSSAがどれほど強力であるかが分かります。

50
00:03:21,060 --> 00:03:23,330
それは基本的に肌の医者です。

51
00:03:23,370 --> 00:03:27,330
あなたの構造のための添加物は変わることができます。

52
00:03:27,330 --> 00:03:35,020
あなたはこのように見えることを除いて知っており、このように見えるように変更することができます。

53
00:03:35,070 --> 00:03:40,140
だからうまくいけば、これまでのところ、あなたはC面を学ぶことに興奮していました。

54
00:03:40,140 --> 00:03:40,690
 

55
00:03:40,770 --> 00:03:45,170
私たちはデフォルトの黒と白のスタイルの他にスタイルを持っていません。

56
00:03:46,440 --> 00:03:51,660
次は、私が書いたCSSAのすべてのラインが続くという一般的なルールについて話したいと思います。

57
00:03:52,050 --> 00:03:55,090
このパターンはここのように見えます。

58
00:03:55,230 --> 00:03:56,800
我々は何かを選択する。

59
00:03:57,270 --> 00:04:02,990
だから実際に何が起こっているかについてたくさん話をするつもりですが、All

60
00:04:03,300 --> 00:04:06,470
hのものや味方の札の中のすべてのアンカータグのようなものを選択します。

61
00:04:06,540 --> 00:04:12,690
そこで、私たちがhtml要素を選択している箇所で、既存のhtmlを参照していて、中括弧の中にいくつかのスタイルを適用して、このキー値のペアフォーマットに従います。ここでは、プロパティコロンとそれに対応する値、

62
00:04:12,690 --> 00:04:19,710
-結腸。

63
00:04:19,710 --> 00:04:24,350
 

64
00:04:24,690 --> 00:04:30,090
ここでは、100種類のプロパティを変更できますが、常にこの構文プロパティのColan値に従うことができます。

65
00:04:30,090 --> 00:04:33,770
 

66
00:04:34,740 --> 00:04:36,510
ここに2つの例があります。

67
00:04:36,540 --> 00:04:40,190
この最初のセクションでは、すべてのh個のものを選択します。

68
00:04:40,260 --> 00:04:42,920
もう一度、これらのセレクタがどのように機能するかをお伝えします。

69
00:04:43,080 --> 00:04:49,350
しかし、それはページ上のすべてのものを選択するつもりです、そして、それは紫色のフォントと56のフォントサイズを与えます、そして、次に、ここでは、すべてのイメージタグを選択して、

70
00:04:49,350 --> 00:04:57,000
3ピクセル。

71
00:04:57,000 --> 00:05:02,100
 

72
00:05:02,100 --> 00:05:06,350
だから、すべてのイメージタグですべてのイメージを選択するとは限らないことはわかっています。

73
00:05:06,570 --> 00:05:10,860
 

74
00:05:10,860 --> 00:05:15,310
実際には、複数の動画を選択して、時々私たちは一度に小さな要素を1つずつやっていることがあります。

75
00:05:15,450 --> 00:05:19,160
したがって、そこにはたくさんのオプションがありますが、常にこの形式に従います。

76
00:05:19,470 --> 00:05:26,250
中括弧を選択して中括弧の中にキー値のペアがあります。これは実際に変更しているプロパティです

77
00:05:26,250 --> 00:05:27,420