1
00:00:00,200 --> 00:00:02,540
さて、ここで別のエクササイズの時間です。

2
00:00:02,820 --> 00:00:08,430
この演習では、SSセレクターまで話したことのすべてをカバーする予定です。

3
00:00:08,520 --> 00:00:14,700
だから我々は実際に次の来る完全な結束ウェブサイトを構築するつもりはない。

4
00:00:14,700 --> 00:00:17,930
私たちは、次の練習でちょっとしたブログを作ろうと思っています。

5
00:00:17,970 --> 00:00:23,460
これは、問題が非常に短い問題の束と伝統的な運動の多くです。

6
00:00:23,460 --> 00:00:28,150
基本的には、私はこれのように見えるHMOの束をあなたに与えています。

7
00:00:28,200 --> 00:00:29,900
それは本当に何も意味しません。

8
00:00:29,910 --> 00:00:33,640
実際、ここのすべてのテキストはhipster ipsumというWebサイトからのものです。

9
00:00:33,650 --> 00:00:41,280
それは、テーブルとロケール、そしてポートランドとウィリアムズバーグへの農場のようなヒップスターの言葉を使用していることを除けば、寮のようなものです。

10
00:00:41,280 --> 00:00:44,170
 

11
00:00:44,340 --> 00:00:45,940
だからそれは単なる言葉だ。

12
00:00:46,260 --> 00:00:51,500
それでは、このファイルは何が問題なのかは問題ではありません。

13
00:00:51,570 --> 00:00:54,700
私もあなたに与えたCSSAファイルは空です。

14
00:00:54,810 --> 00:01:00,250
たくさんのコメントとは別に、これらのコメントはあなたが何をする必要があるかについての指示を与えます。

15
00:01:00,360 --> 00:01:06,030
上の行が最も重要な行スタイルであるため、次の指示に従ってHTML要素が変更されても、既存のHVMはこの権利を変更しません。

16
00:01:06,240 --> 00:01:09,250
 

17
00:01:09,270 --> 00:01:11,020
CSIのみ。

18
00:01:11,130 --> 00:01:14,120
つまり、このファイルには触れないということです。

19
00:01:14,190 --> 00:01:16,430
これはあなたのための初心者コードと同じです。

20
00:01:16,440 --> 00:01:17,690
これはHVMです。

21
00:01:17,970 --> 00:01:24,450
あなたはC SSのすべてをやるつもりです。ここに入り、新しいアイデアを追加したり、新しいクラスを追加したり、新しい要素を追加することはできません。

22
00:01:24,750 --> 00:01:25,710
 

23
00:01:25,710 --> 00:01:28,350
ちょうどそれがいかに正確であるかを保つ。

24
00:01:28,580 --> 00:01:32,120
だから、それが動作する方法は異なる問題があります。

25
00:01:32,190 --> 00:01:37,310
最初の要素はbody要素にこの色の背景を与えます。

26
00:01:37,440 --> 00:01:45,210
私たちは選択したボディにコードを書いて、それにこのような色を付けます。

27
00:01:45,210 --> 00:01:48,690
だから、私はあなたにその1つを無料で提供します。

28
00:01:49,050 --> 00:01:51,200
私はあなたの大部分がそれをしていたと確信しています。

29
00:01:51,300 --> 00:01:57,720
これらのすべてに同じことが起こりますので、すべての年齢層が何かをしてすべての同盟国の要素を1つのメモにします。

30
00:01:57,720 --> 00:01:58,350
 

31
00:01:58,350 --> 00:02:04,020
これらの中には、まだ実際にはカバーしていない物件を使用するよう依頼するものもありますが、それは意図的です。

32
00:02:04,590 --> 00:02:08,760
私は、あなたがまだビデオで明示的に話していないいくつかのプロパティについて、いくつかの経験を持ってほしいです。

33
00:02:08,760 --> 00:02:09,750
 

34
00:02:10,080 --> 00:02:11,960
その場合、ここに1つあります。

35
00:02:12,030 --> 00:02:18,600
divの中に入れ子になっている段落を25ピクセル分楽しんだ後、括弧で囲んでください。必要なコードをフォントサイズ25xにします。

36
00:02:18,600 --> 00:02:22,700
 

37
00:02:23,070 --> 00:02:24,490
だから、それらのいくつかがさらにあります。

38
00:02:24,720 --> 00:02:32,160
ここに1つ、もう1つあります。すべてのチェックボックスに50ピクセルの左余白があるようにします。余白を50ピクセル残して使用する必要があります。次の少数のビデオに何が入っているのか正確には分かりません。

39
00:02:32,160 --> 00:02:37,650
 

40
00:02:37,650 --> 00:02:39,330
 

41
00:02:39,450 --> 00:02:40,900
もう一つのメモがここにあります。

42
00:02:41,040 --> 00:02:44,080
彼らは一緒に行くと少し難しくなります。

43
00:02:44,190 --> 00:02:52,020
上に戻ると、要素セレクタから始まり、クラスとアイデアについて話をしてから、最後のビデオで述べた他のセレクタについて話を始めます。

44
00:02:52,020 --> 00:02:56,270
 

45
00:02:56,430 --> 00:03:03,960
だから、divの中に入れ子になっている段落のすべてをタイプテキストの入力だけにする。

46
00:03:03,960 --> 00:03:11,910
偉大な背景を持って、3番目のdiv 5ピクセルの白い枠内に2番目の段落を与えるようなものがあります。

47
00:03:11,910 --> 00:03:13,160
 

48
00:03:13,710 --> 00:03:20,040
30年代のCSSAセレクタで、ここで使用する必要があるすべてのセレクタを見つけることができます。

49
00:03:20,090 --> 00:03:20,640
 

50
00:03:20,640 --> 00:03:25,890
記事を暗記する必要があります。オンラインで簡単に見つけることができます。

51
00:03:26,130 --> 00:03:31,620
最後のビデオではカバーしていなかったものがいくつかあり、それらはボーナスチャレンジセクションの下にあります。

52
00:03:31,620 --> 00:03:32,410
 

53
00:03:32,580 --> 00:03:39,870
チェックされているすべてのチェックボックスに左マージンがあるようにすると、チェックされたチェックボックスを選択する方法があります。

54
00:03:39,990 --> 00:03:42,780
 

55
00:03:42,780 --> 00:03:44,050
または別のものがあります。

56
00:03:44,110 --> 00:03:49,750
特別な緑色と100ピクセルのフォントサイズの要素の最初の文字を作成します。

57
00:03:49,950 --> 00:03:54,100
したがって、最初の文字だけを選択する方法があります。

58
00:03:54,570 --> 00:04:00,150
ホバリングしたときにH-1要素の色が青色に変わるようにして、灰色に表示されたタグ要素を作成します。

59
00:04:00,150 --> 00:04:01,340
 

60
00:04:01,350 --> 00:04:05,070
タグがリンクであることを覚えておいてください

61
00:04:05,190 --> 00:04:09,420
あなたが変更することができますか、サイトは以前行っていなかったリンクと比較してきたリンクの色を変更します。

62
00:04:09,420 --> 00:04:10,730
 

63
00:04:11,100 --> 00:04:14,120
だから、査定を見る書類の方法があります。

64
00:04:14,310 --> 00:04:17,450
常に次のビデオでは解決策を検討します。

65
00:04:17,460 --> 00:04:23,880
少しずつ行くことができますが、これらのボーナスすべてを試すことができる限り、これを打つことをお勧めします。

66
00:04:24,660 --> 00:04:28,430
私がここで言及していないことの1つは、わずかに異なります。

67
00:04:28,500 --> 00:04:34,970
h t

68
00:04:35,340 --> 00:04:41,430
m lを変更せずにラベル要素をすべて大文字にします。セレクタは実際には単純ですが、すべてのラベル要素を選択するだけですが、プロパティは少し難しいです。

69
00:04:41,430 --> 00:04:47,250
HTML内のテキストを実際に変更することなく、C Sを使って大文字にする方法があります。

70
00:04:47,450 --> 00:04:47,870
 

71
00:04:47,880 --> 00:04:51,720
あなたは色や境界を変更するのと同じように、C Sを介して行うことができます。

72
00:04:51,720 --> 00:04:55,320
大文字または小文字にするプロパティを変更できます。

73
00:04:55,560 --> 00:04:56,690
すべての権利は次のビデオで見ることができます