1
00:00:00,000 --> 00:00:00,640

2
00:00:00,640 --> 00:00:03,430
>> HÖGTALARE 1: Så det är definitivt bättre
utforma för att sätta dina CSS-egenskaper

3
00:00:03,430 --> 00:00:07,170
inne i en stil tagg, insida
huvud taggen på sidan, i stället för användning

4
00:00:07,170 --> 00:00:10,380
stilattribut genom hela
resten av din källa.

5
00:00:10,380 --> 00:00:12,430
Men antar att du vill använda
en del av samma CSS

6
00:00:12,430 --> 00:00:14,270
fastigheter i flera filer.

7
00:00:14,270 --> 00:00:17,810
>> I stället för att kopiera och klistra in dem
egenskaper till de disparata HTML

8
00:00:17,810 --> 00:00:22,860
filer, varför inte sätta dem på en central
. Css-fil och sedan inkludera den filen

9
00:00:22,860 --> 00:00:27,460
i flera HTML-sidor, ungefär som vi
sätta kod i header-filer för att

10
00:00:27,460 --> 00:00:31,390
inkludera det i flera program
i C. Låt oss ta en titt.

11
00:00:31,390 --> 00:00:33,700
>> Här i css-2.html.

12
00:00:33,700 --> 00:00:37,450
Jag har en hel del CSS-egenskaper
att jag skulle vilja faktor ut.

13
00:00:37,450 --> 00:00:39,920
Så låt oss gå vidare och markera dem.

14
00:00:39,920 --> 00:00:41,080
Klipp ut dem.

15
00:00:41,080 --> 00:00:43,900
Och låt oss bli av med
stil taggar också.

16
00:00:43,900 --> 00:00:48,590
Låt oss nu gå till denna annan flik som
Jag har redan ringt css-2.css, och

17
00:00:48,590 --> 00:00:51,870
klistra in dessa CSS-egenskaper,
spara filen.

18
00:00:51,870 --> 00:00:57,110
>> Låt oss nu gå tillbaka till css-2.html och
anger, fortfarande på huvudet, att vi

19
00:00:57,110 --> 00:00:59,870
vill länka till CSS-filen på något sätt.

20
00:00:59,870 --> 00:01:01,860
Öppna fäste länk href = "css-2.css".

21
00:01:01,860 --> 00:01:06,280

22
00:01:06,280 --> 00:01:10,280
>> Och sedan ska vi ange att
förhållandet mellan denna länk taggen med

23
00:01:10,280 --> 00:01:14,060
dokument är att fungera som en formatmall.

24
00:01:14,060 --> 00:01:17,420
Link är vad som kallas ett tomt element
så att vi kan öppna och stänga

25
00:01:17,420 --> 00:01:19,870
tagga i ett enda andetag.

26
00:01:19,870 --> 00:01:25,890
Låt oss nu spara filen, ändra den är
behörigheter och öppna den i en webbläsare.

27
00:01:25,890 --> 00:01:30,150
>> chmod a + r css-2.html.

28
00:01:30,150 --> 00:01:31,330
Enter.

29
00:01:31,330 --> 00:01:33,200
Nu öppnar Chrome.

30
00:01:33,200 --> 00:01:41,240
http://localhost/css-2.html.

31
00:01:41,240 --> 00:01:43,490
>> Jag ser John Harvards hem
sida, men inte något av den

32
00:01:43,490 --> 00:01:45,560
stylizations som jag förväntat.

33
00:01:45,560 --> 00:01:47,080
Nu varför skulle det vara?

34
00:01:47,080 --> 00:01:50,190
Nåväl, låt oss gå tillbaka till terminalen
fönster och titta med ls.

35
00:01:50,190 --> 00:01:54,720
Låt oss gå tillbaka hit till gedit och i
terminalfönstret typ ls-l.

36
00:01:54,720 --> 00:02:00,170
>> Det verkar vara att css-2.html verkligen
kan läsas av alla, men märker jag

37
00:02:00,170 --> 00:02:01,190
gjorde ett misstag.

38
00:02:01,190 --> 00:02:04,450
Jag har inte på samma sätt ändra
behörigheter på. css-filen.

39
00:02:04,450 --> 00:02:08,710
Så just nu, jag, filens ägare, är
den enda som kan läsa eller skriva.

40
00:02:08,710 --> 00:02:10,460
Så låt oss fixa det också med chmod.

41
00:02:10,460 --> 00:02:15,370
>> chmod a + r css-2.css.

42
00:02:15,370 --> 00:02:17,940
>> Låt oss nu gå tillbaka till
Krom och ladda om.

43
00:02:17,940 --> 00:02:19,830
Och det är John Harvards hemsida.

44
00:02:19,830 --> 00:02:21,334