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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Jadi ia sebenarnya bukan yang terbaik
mereka bentuk untuk bergaul CSS dengan HTML.

3
00:00:04,840 --> 00:00:08,700
Sebaliknya, ia adalah yang terbaik untuk faktor di luar anda
CSS, meletakkannya di suatu tempat pusat, dan

4
00:00:08,700 --> 00:00:11,430
entah bagaimana memohon kepada
tag dalam laman web anda.

5
00:00:11,430 --> 00:00:15,290
Untuk mencapai matlamat ini, kita sebenarnya boleh berhenti
menggunakan atribut Gaya dan sebaliknya

6
00:00:15,290 --> 00:00:19,290
menggunakan Gaya tag, yang dimiliki dalam
ketua laman web bersama, untuk

7
00:00:19,290 --> 00:00:20,700
contoh, tajuk anda.

8
00:00:20,700 --> 00:00:24,400
>> Mari kita memberikan ini mencuba dan melaksanakan semula
halaman rumah untuk John Harvard

9
00:00:24,400 --> 00:00:26,410
menggunakan tag Gaya.

10
00:00:26,410 --> 00:00:28,930
Saya telah mendapat kita bermula
di sini dengan tiga divs untuk

11
00:00:28,930 --> 00:00:30,260
Laman utama John Harvard.

12
00:00:30,260 --> 00:00:33,990
Tetapi mari kita pertama kini pergi sehingga ini pertama
div dan menambah sifat baru,

13
00:00:33,990 --> 00:00:38,680
iaitu ID, dan menentukan bahawa yang unik
pengecam untuk div khusus ini

14
00:00:38,680 --> 00:00:42,390
hendaklah dibuat, misalnya, quote unquote
"Atas," nama sewenang-wenangnya, tetapi

15
00:00:42,390 --> 00:00:45,840
deskriptif yang div ini
sesungguhnya di bahagian atas halaman saya.

16
00:00:45,840 --> 00:00:48,920
>> Untuk div seterusnya, mari kita memberikan
ID yang berbeza quote unquote

17
00:00:48,920 --> 00:00:54,080
"Pertengahan," dan mari kita memberi div ketiga
ID petikan unquote "bawah." Kami

18
00:00:54,080 --> 00:00:57,740
kini mempunyai tiga pengecam unik
yang kita boleh memohon beberapa CSS

19
00:00:57,740 --> 00:01:01,210
hartanah, tetapi pertama, mari kita kembali
kepada ketua halaman ini.

20
00:01:01,210 --> 00:01:04,760
Hanya di atas tajuk di sini, saya akan
teruskan dan menentukan gaya

21
00:01:04,760 --> 00:01:07,120
dan kemudian gaya dekat.

22
00:01:07,120 --> 00:01:10,340
>> Di dalam ini sekarang, saya akan menentukan
beberapa sifat CSS, iaitu

23
00:01:10,340 --> 00:01:14,550
orang-orang yang sama saya sebelum ini mempunyai di Gaya
atribut, tetapi di sini mereka akan

24
00:01:14,550 --> 00:01:16,320
berpusat ditakrifkan.

25
00:01:16,320 --> 00:01:20,880
Untuk berbuat demikian, saya akan nyatakan pound
simbol diikuti oleh bahagian atas, dengan itu

26
00:01:20,880 --> 00:01:24,710
yang menyatakan bahawa CSS berikut
hartanah perlu memohon kepada apa sahaja

27
00:01:24,710 --> 00:01:28,800
Elemen HTML mempunyai unik
pengecam atas.

28
00:01:28,800 --> 00:01:32,240
Saya kemudian akan mempunyai beberapa terbuka dan
pendakap kerinting tertutup, dan saya akan

29
00:01:32,240 --> 00:01:39,170
nyatakan, berkata, saiz font hendaklah 36
piksel, berat font hendaklah berani.

30
00:01:39,170 --> 00:01:41,810
>> Untuk menjaga perkara yang bersih, saya meletakkan setiap
sifat-sifat ini kini dengan sendiri

31
00:01:41,810 --> 00:01:44,610
line, tetapi itu hanya satu
konvensyen gaya.

32
00:01:44,610 --> 00:01:47,830
Di bawah ini, mari kita sekarang menentukan lain
pemilih, jadi untuk bercakap.

33
00:01:47,830 --> 00:01:52,680
Ini satu untuk tag HTML yang mempunyai
pengecam unik tengah.

34
00:01:52,680 --> 00:01:57,540
Dan di sini, mari kita menentukan saiz fon
24 piksel, di bawah yang satu lagi

35
00:01:57,540 --> 00:02:01,520
pemilih untuk bahagian bawah, dan di dalam
itu, mari kita menentukan

36
00:02:01,520 --> 00:02:03,850
saiz fon 12 piksel.

37
00:02:03,850 --> 00:02:09,350
>> Sekarang mari kita menyimpan, menukar kebenaran
pada, dan memuatkan halaman ini dalam pelayar,

38
00:02:09,350 --> 00:02:14,230
chmod tambah r css-1.html.

39
00:02:14,230 --> 00:02:22,260
Mari kita membuka Chrome dan melawat
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Tidak buruk.

41
00:02:22,960 --> 00:02:26,930
Tepat seperti yang saya dimaksudkan, tetapi saya ingin
ambil satu langkah ke hadapan sekarang dan

42
00:02:26,930 --> 00:02:29,050
teks pusat John Harvard.

43
00:02:29,050 --> 00:02:32,080
Sekarang untuk berbuat demikian, saya boleh membalut
turun laman dalam div kerana saya

44
00:02:32,080 --> 00:02:33,800
lakukan contoh yang lebih awal.

45
00:02:33,800 --> 00:02:37,820
Atau saya boleh menjadi lebih bijak dan sedar bahawa
semua divs ini adalah dalam

46
00:02:37,820 --> 00:02:42,420
badan halaman saya, jadi mengapa tidak hanya memohon
satu atau lebih harta CSS kepada badan

47
00:02:42,420 --> 00:02:43,850
tag itu sendiri?

48
00:02:43,850 --> 00:02:45,460
>> Untuk berbuat demikian, mari kita melakukan ini.

49
00:02:45,460 --> 00:02:47,650
Mari kita kembali kepada gedit sini.

50
00:02:47,650 --> 00:02:52,460
Mari kita skrol kembali sehingga tag Gaya,
dan mari kita menentukan pemilih yang hanya

51
00:02:52,460 --> 00:02:54,520
menggunakan tag nama, Badan.

52
00:02:54,520 --> 00:03:00,580
Di bawah itu, mari kita meletakkan pendakap kerinting kami
diikuti oleh pusat text-align.

53
00:03:00,580 --> 00:03:05,580
Sekarang mari kita menyimpan halaman dan tambah nilai
ia di dalam pelayar itu.

54
00:03:05,580 --> 00:03:08,090
Reload dalam Chrome, dan Voilà.

55
00:03:08,090 --> 00:03:11,000
Kami kini mempunyai halaman John Harvard
berpusat seperti yang kita dimaksudkan.

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