1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> スピーカー：だから、それは実際には最善ではありません
HTMLでのCSSを混在させるデザイン。

3
00:00:04,840 --> 00:00:08,700
むしろ、それはあなたを取り除くことをお勧めします
CSS、どこかの中央に置いて、

4
00:00:08,700 --> 00:00:11,430
何とかに適用
Webページ内のタグ。

5
00:00:11,430 --> 00:00:15,290
これを達成するために、我々は、実際に停止することができ
代わりにstyle属性を使用し、

6
00:00:15,290 --> 00:00:19,290
に属するスタイルタグを使用
と並んで、Webページの先頭に、用

7
00:00:19,290 --> 00:00:20,700
例えば、あなたのタイトル。

8
00:00:20,700 --> 00:00:24,400
>> のは、このを試してみようと再実装
ジョン·ハーバードのホームページ

9
00:00:24,400 --> 00:00:26,410
スタイルタグを使用して。

10
00:00:26,410 --> 00:00:28,930
私はすでに始まったちを得ている
ここには3つのdiv要素と

11
00:00:28,930 --> 00:00:30,260
ジョン·ハーバードのホームページ。

12
00:00:30,260 --> 00:00:33,990
しかしましょう​​まず、今この最初に上がる
DIVと新しい属性を追加し、

13
00:00:33,990 --> 00:00:38,680
ユニークなことに、つまりID、および指定
この特定のDIVの識別子

14
00:00:38,680 --> 00:00:42,390
引用引用終わり、例えば、しなければならない
「トップ」、任意の名前が、

15
00:00:42,390 --> 00:00:45,840
このDIVであることを記述
確かに私のページの上部にある。

16
00:00:45,840 --> 00:00:48,920
>> 次のDIVのために、のはそれ与えてみましょう
引用引用終わりの異なるID

17
00:00:48,920 --> 00:00:54,080
「ミドル」との第三のdivを与えてみましょう
引用引用終わりのID "ボトム"我々

18
00:00:54,080 --> 00:00:57,740
今3つのユニークな識別子を持っている
これまで我々はいくつかのCSSを適用することができます

19
00:00:57,740 --> 00:01:01,210
プロパティが、まず、戻りましょう
このページの先頭へ。

20
00:01:01,210 --> 00:01:04,760
ちょうどここにタイトルの上に、私はよ
先に行くとスタイルを定義する

21
00:01:04,760 --> 00:01:07,120
[閉じるスタイル。

22
00:01:07,120 --> 00:01:10,340
>> この内、今、私が定義するつもりです
いくつかのCSSプロパティ、すなわち、

23
00:01:10,340 --> 00:01:14,550
私は以前のスタイルで持っていたものと同じもの
属性が、ここで彼らはなるだろう

24
00:01:14,550 --> 00:01:16,320
一元的に定義された。

25
00:01:16,320 --> 00:01:20,880
そのためには、私はポンドを指定するつもりです
トップに続くシンボル、それによって、

26
00:01:20,880 --> 00:01:24,710
指定その次のCSS
プロパティはどのようなに適用されるべきである

27
00:01:24,710 --> 00:01:28,800
HTML要素は、固有のを持っている
トップの識別子。

28
00:01:28,800 --> 00:01:32,240
私は、いくつかを開いているつもりだし、
中括弧を閉じて、私はするつもりだ

29
00:01:32,240 --> 00:01:39,170
フォントサイズは​​36でなければならない、と言う、指定
ピクセル、フォントの太さは、大胆でなければならない。

30
00:01:39,170 --> 00:01:41,810
>> きれいなものを維持するために、私はそれぞれを入れている
今自分自身でこれらのプロパティの

31
00:01:41,810 --> 00:01:44,610
行が、それはただです
文体大会。

32
00:01:44,610 --> 00:01:47,830
この下には、今度は別のものを定義してみましょう
セレクタ、いわば。

33
00:01:47,830 --> 00:01:52,680
持つHTMLタグについては、この1
真ん中の一意の識別子。

34
00:01:52,680 --> 00:01:57,540
そして、ここでは、のは、フォントサイズを指定できます
24ピクセルの、そのもう一つ下の

35
00:01:57,540 --> 00:02:01,520
内底、およびセレクタ
そのことを、のは指定でき

36
00:02:01,520 --> 00:02:03,850
12ピクセルのフォントサイズ。

37
00:02:03,850 --> 00:02:09,350
>> それでは、保存の権限を変更してみましょう
上、ブラウザでこのページをロードし、

38
00:02:09,350 --> 00:02:14,230
プラスR CSS-1.htmlます。chmod。

39
00:02:14,230 --> 00:02:22,260
Chromeと訪問を開くのを聞かせて
http://localhost/css-1.html。

40
00:02:22,260 --> 00:02:22,960
悪くはない。

41
00:02:22,960 --> 00:02:26,930
私が意図したが、私はしたいのですがまったく同じように
今一歩物事を取り、

42
00:02:26,930 --> 00:02:29,050
センターのジョンハーバードのテキスト。

43
00:02:29,050 --> 00:02:32,080
ここで実行して、私はラップでした
DIV内のページ全体をI

44
00:02:32,080 --> 00:02:33,800
前述の例をしました。

45
00:02:33,800 --> 00:02:37,820
または私はより賢いこととそれを実現することができます
これらのdiv要素のすべてが内部にある

46
00:02:37,820 --> 00:02:42,420
マイページの体は、なぜ単に適用されない
身体への1つまたは複数のCSSプロパティ

47
00:02:42,420 --> 00:02:43,850
自身をタグ付け？

48
00:02:43,850 --> 00:02:45,460
>> そのためには、のは、これをやらせる。

49
00:02:45,460 --> 00:02:47,650
それでは、ここでのgeditに戻りましょう。

50
00:02:47,650 --> 00:02:52,460
のスタイルタグまでスクロールバックしましょう​​、
そしてちょうどセレクタを指定できます

51
00:02:52,460 --> 00:02:54,520
そのタグの名前、体を用いた。

52
00:02:54,520 --> 00:03:00,580
その下には、私たちの中括弧を入れてみましょう
テキスト中央揃えた。

53
00:03:00,580 --> 00:03:05,580
それでは、ページを保存し、再ロードしてみましょう
それそのブラウザの内部。

54
00:03:05,580 --> 00:03:08,090
Chromeでリロードし、出来上がり。

55
00:03:08,090 --> 00:03:11,000
我々は今、ジョン·ハーバードのページを持っている
我々は意図したとおり中心に。

56
00:03:11,000 --> 00:03:12,619