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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Tehát ez valójában nem a legjobb
tervezni, hogy keverednek CSS és HTML.

3
00:00:04,840 --> 00:00:08,700
Inkább ez a legjobb, hogy tényező ki a
CSS, tedd valahol Közép-és

4
00:00:08,700 --> 00:00:11,430
valahogy alkalmazza azt a
címkék a web oldalon.

5
00:00:11,430 --> 00:00:15,290
Ennek elérése érdekében, akkor valóban megáll
a stílus attribútum, és helyette

6
00:00:15,290 --> 00:00:19,290
egy stílus tag, amely tartozik a
vezetője a weboldal mellett, a

7
00:00:19,290 --> 00:00:20,700
Például, a címet.

8
00:00:20,700 --> 00:00:24,400
>> Nézzük, hogy ez egy próbát, és újra végrehajtani
A honlapon John Harvard

9
00:00:24,400 --> 00:00:26,410
a Stílus tag.

10
00:00:26,410 --> 00:00:28,930
Már ütött minket megkezdődött
Itt három divs a

11
00:00:28,930 --> 00:00:30,260
John Harvard honlapján.

12
00:00:30,260 --> 00:00:33,990
De nézzük először most menj fel az első
div és egy új attribútumot,

13
00:00:33,990 --> 00:00:38,680
nevezetesen azonosító, és adja meg, hogy egy egyedi
azonosítója e sajátos div

14
00:00:38,680 --> 00:00:42,390
kell, például, idézet idézet vége
"Top", egy tetszőleges nevet, de

15
00:00:42,390 --> 00:00:45,840
leíró, hogy ez a div az
Valóban tetején az oldalam.

16
00:00:45,840 --> 00:00:48,920
>> A következő div, adjunk meg egy
különböző ID idézet idézet vége

17
00:00:48,920 --> 00:00:54,080
"Középső", és adjuk a harmadik div
azonosító idézet idézet vége "alulról". Mi

18
00:00:54,080 --> 00:00:57,740
Most már három egyedi azonosítója
amihez lehet alkalmazni, néhány CSS

19
00:00:57,740 --> 00:01:01,210
tulajdonságok, de előbb térjünk vissza
a fejét ezen az oldalon.

20
00:01:01,210 --> 00:01:04,760
Csak címe fölött van, én
megy előre, és határozza meg a stílus

21
00:01:04,760 --> 00:01:07,120
majd zárja be a stílus.

22
00:01:07,120 --> 00:01:10,340
>> Belül ezt most fogom meghatározni
néhány CSS tulajdonságok, vagyis a

23
00:01:10,340 --> 00:01:14,550
ugyanazok Én korábban a stílus
attribútumok, de itt lesz

24
00:01:14,550 --> 00:01:16,320
központilag meghatározott.

25
00:01:16,320 --> 00:01:20,880
Ehhez fogom adni a font
jelet követően a felső, és ezzel

26
00:01:20,880 --> 00:01:24,710
meghatározza, hogy a következő CSS
tulajdonságokat kell alkalmazni, hogy bármilyen

27
00:01:24,710 --> 00:01:28,800
HTML elem az egyedülálló
azonosítója tetején.

28
00:01:28,800 --> 00:01:32,240
Én majd megy, hogy néhány nyitott és
zárt kapcsos zárójelek, és megyek

29
00:01:32,240 --> 00:01:39,170
adja meg, mondjuk, a betűméret legyen 36
pixel, font súly merész.

30
00:01:39,170 --> 00:01:41,810
>> Annak érdekében, hogy a dolgokat tisztán, leteszem az egyes
ezek a tulajdonságok már önmagában

31
00:01:41,810 --> 00:01:44,610
vonal, de ez csak egy
stilisztikai egyezmény.

32
00:01:44,610 --> 00:01:47,830
Ez alatt, nézzük most meghatározni egy
választó, hogy úgy mondjam.

33
00:01:47,830 --> 00:01:52,680
Ez a HTML-tag, amely
egyedi azonosítója közepén.

34
00:01:52,680 --> 00:01:57,540
És itt van, nézzük meg egy betűméretet
24 pixel, alatta egy másik

35
00:01:57,540 --> 00:02:01,520
választó fenék, és a belső
az, hogy nézzük meg egy

36
00:02:01,520 --> 00:02:03,850
betűméret 12 pixel.

37
00:02:03,850 --> 00:02:09,350
>> Nézzük most menteni, változtassa meg a jogosultságokat
on, és töltse be ezt az oldalt a böngészőben,

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

39
00:02:14,230 --> 00:02:22,260
Nyissuk fel Chrome, és látogasson el
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Nem rossz.

41
00:02:22,960 --> 00:02:26,930
Pontosan úgy, ahogy szerettem volna, de szeretnék
a dolgokat egy lépéssel tovább, és most

42
00:02:26,930 --> 00:02:29,050
központ John Harvard szöveget.

43
00:02:29,050 --> 00:02:32,080
Most erre, tudtam tekerje a
az egész oldalt a div, mint én

44
00:02:32,080 --> 00:02:33,800
volt egy korábbi példát.

45
00:02:33,800 --> 00:02:37,820
Vagy lehet több okos, és rájönnek, hogy
mindezek a belsejében vannak divs

46
00:02:37,820 --> 00:02:42,420
az oldalam teste, miért nem csak alkalmazni
egy vagy több, a CSS tulajdonságokat, hogy a test

47
00:02:42,420 --> 00:02:43,850
címke is?

48
00:02:43,850 --> 00:02:45,460
>> Ehhez csináljuk.

49
00:02:45,460 --> 00:02:47,650
Menjünk vissza a gedit itt.

50
00:02:47,650 --> 00:02:52,460
Nézzük lépjen vissza a stílus tag,
és hadd adja meg a választó csak

51
00:02:52,460 --> 00:02:54,520
használja, hogy a tag nevét, Body.

52
00:02:54,520 --> 00:03:00,580
Alatta, mondjuk a kapcsos zárójelek
majd text-align center.

53
00:03:00,580 --> 00:03:05,580
Nézzük most menteni az oldalt, és töltse
belsejébe, hogy a böngészőt.

54
00:03:05,580 --> 00:03:08,090
Újratöltése Chrome, és íme.

55
00:03:08,090 --> 00:03:11,000
Most már John Harvard oldalán
központú, ahogy tervezték.

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