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

2
00:00:00,300 --> 00:00:04,840
>> Ræðumaður: Svo það er í raun ekki sú besta
hanna að intermingle CSS HTML.

3
00:00:04,840 --> 00:00:08,700
Frekar, það er best að þáttur út þinn
CSS, setja það einhvers staðar miðlægur og

4
00:00:08,700 --> 00:00:11,430
einhvern veginn að sækja um það til
merkin á vefsíðunni þinni.

5
00:00:11,430 --> 00:00:15,290
Til að ná þessu, getum við í raun að hætta
með Style eigindi og í staðinn

6
00:00:15,290 --> 00:00:19,290
nota stíl merki, sem tilheyrir í
yfirmaður vefsíðu hlið, fyrir

7
00:00:19,290 --> 00:00:20,700
dæmi, titli þínum.

8
00:00:20,700 --> 00:00:24,400
>> Skulum gefa þetta reyna og tilvísun til-koma
A heimasíða fyrir John Harvard

9
00:00:24,400 --> 00:00:26,410
nota stíl tag.

10
00:00:26,410 --> 00:00:28,930
Ég hef nú þegar fengið okkur byrjaði
hér með þremur divs fyrir

11
00:00:28,930 --> 00:00:30,260
Heimasíðan John Harvard er.

12
00:00:30,260 --> 00:00:33,990
En við skulum fyrst núna að fara upp að þessu fyrst
div og bæta við nýju eigindi,

13
00:00:33,990 --> 00:00:38,680
þ.e. ID, og ​​tilgreina að einstakt
kennimerki fyrir þetta tiltekna div

14
00:00:38,680 --> 00:00:42,390
skal vera, til dæmis, vitna unquote
"Toppur" handahófskennt nafn, en

15
00:00:42,390 --> 00:00:45,840
lýsandi í að þetta div er
örugglega efst á síðu mína.

16
00:00:45,840 --> 00:00:48,920
>> Fyrir næstu div, við skulum gefa það a
mismunandi ID tilvísun unquote

17
00:00:48,920 --> 00:00:54,080
"Miðja," og við skulum gefa þriðja DIV
kenni á tilvísun unquote "botn." Við

18
00:00:54,080 --> 00:00:57,740
nú hafa þrjú einstakt auðkenni
sem við getum sótt nokkur CSS

19
00:00:57,740 --> 00:01:01,210
eiginleika, en fyrst skulum aftur
að höfuð þessarar síðu.

20
00:01:01,210 --> 00:01:04,760
Rétt ofan við titil hér, ég
fara á undan og skilgreina stíl

21
00:01:04,760 --> 00:01:07,120
og svo loka stíl.

22
00:01:07,120 --> 00:01:10,340
>> Inni í þetta núna, ég er að fara að skilgreina
sumir CSS eiginleika, þ.e.

23
00:01:10,340 --> 00:01:14,550
sama sjálfur sem ég hafði áður í Stíll
eiginleika, en hér þeir 'vera

24
00:01:14,550 --> 00:01:16,320
miðlægt skilgreind.

25
00:01:16,320 --> 00:01:20,880
Til að gera það, ég ætla að tilgreina pund
tákn eftir ofan á, þannig

26
00:01:20,880 --> 00:01:24,710
að tilgreina að eftirfarandi CSS
eignir skal gilda hvað

27
00:01:24,710 --> 00:01:28,800
HTML þátturinn hefur einstakt
Auðkenni ofan.

28
00:01:28,800 --> 00:01:32,240
Ég ætla þá að fara til hafa sumir opinn og
lokað hrokkið axlabönd, og ég ætla að

29
00:01:32,240 --> 00:01:39,170
tilgreina, segjum, leturstærð skal vera 36
dílar, letur þyngd skal vera djörf.

30
00:01:39,170 --> 00:01:41,810
>> Til að halda hlutum hreinu, ég er að setja hvert
af þessum eignum nú á eigin spýtur

31
00:01:41,810 --> 00:01:44,610
lína, en það er bara
stylistic samningur.

32
00:01:44,610 --> 00:01:47,830
Hér fyrir neðan þetta, við skulum skilgreina nú annað
val, svo að segja.

33
00:01:47,830 --> 00:01:52,680
Þetta eitt fyrir HTML merki sem hefur
Auðkenni miðju.

34
00:01:52,680 --> 00:01:57,540
Og hér, við skulum skilgreina leturstærð
24 dílar, neðan að annar

35
00:01:57,540 --> 00:02:01,520
val fyrir botn og inni
um það, við skulum tilgreina

36
00:02:01,520 --> 00:02:03,850
Leturstærð 12 punktar.

37
00:02:03,850 --> 00:02:09,350
>> Skulum nú vista, breyta heimildum
á, og hlaða þessari síðu í vafranum,

38
00:02:09,350 --> 00:02:14,230
chmod plús r CSS-1.html.

39
00:02:14,230 --> 00:02:22,260
Skulum opna Chrome og heimsækja
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Ekki slæmt.

41
00:02:22,960 --> 00:02:26,930
Nákvæmlega eins og ég ætlaði, en ég vil
taka hluti eitt skref lengra núna og

42
00:02:26,930 --> 00:02:29,050
texti Center John Harvard er.

43
00:02:29,050 --> 00:02:32,080
Nú til að gera það, gæti ég sett á
alla síðuna í div sem ég

44
00:02:32,080 --> 00:02:33,800
gerði áðan dæmi.

45
00:02:33,800 --> 00:02:37,820
Eða ég get verið meira snjall og átta sig á því
öll þessi divs eru inni í

46
00:02:37,820 --> 00:02:42,420
líkami síðuna mína, svo hvers vegna ekki bara að sækja um
eitt eða fleiri CSS eiginleika til líkamans

47
00:02:42,420 --> 00:02:43,850
merktu sig?

48
00:02:43,850 --> 00:02:45,460
>> Að gera það, við skulum gera þetta.

49
00:02:45,460 --> 00:02:47,650
Við skulum fara aftur til gedit hér.

50
00:02:47,650 --> 00:02:52,460
Skulum fletta aftur upp að stíl merki,
og við skulum skilgreina val bara

51
00:02:52,460 --> 00:02:54,520
nota þessi merki nafn, líkama.

52
00:02:54,520 --> 00:03:00,580
Neðan það, við skulum setja hrokkið axlabönd okkar
fylgt eftir texta-align sent.

53
00:03:00,580 --> 00:03:05,580
Skulum nú vista síðuna og endurhlaða
það inni að vafra.

54
00:03:05,580 --> 00:03:08,090
Endurhlaða í Króm, og voila.

55
00:03:08,090 --> 00:03:11,000
Við höfum nú síðu John Harvard
miðju eins og við ætlað.

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