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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Takže to vlastně není nejlepší
navrhnout, aby prolínají CSS s HTML.

3
00:00:04,840 --> 00:00:08,700
Spíše, je to nejlepší, aby vytknout vaše
CSS, dát to někam centrální, a

4
00:00:08,700 --> 00:00:11,430
nějak aplikovat na
tagy na své webové stránky.

5
00:00:11,430 --> 00:00:15,290
K dosažení tohoto cíle, můžeme skutečně zastavit
pomocí atributu Styl a místo

6
00:00:15,290 --> 00:00:19,290
použít tag styl, který patří do
hlava webové stránky spolu, pro

7
00:00:19,290 --> 00:00:20,700
instance, váš titul.

8
00:00:20,700 --> 00:00:24,400
>> Pojďme dát to zkusit a re-implementovat
domácí stránka pro Johna Harvarda

9
00:00:24,400 --> 00:00:26,410
pomocí tagu styl.

10
00:00:26,410 --> 00:00:28,930
Už jsem dostal nás začala
Zde se třemi divs pro

11
00:00:28,930 --> 00:00:30,260
John Harvard domovskou stránku.

12
00:00:30,260 --> 00:00:33,990
Ale pojďme se nejprve jít až na to první
div a přidat nový atribut,

13
00:00:33,990 --> 00:00:38,680
jmenovitě ID, a určit, že jedinečná
Identifikátor pro tuto konkrétní div

14
00:00:38,680 --> 00:00:42,390
musí být, například, citace konec citátu
"Top", libovolný název, ale

15
00:00:42,390 --> 00:00:45,840
popisný, že tento div je
opravdu na vrcholu své stránky.

16
00:00:45,840 --> 00:00:48,920
>> Pro příští div, dejme to
jiný ID citátem konec citátu

17
00:00:48,920 --> 00:00:54,080
"Střední" a pojďme dát třetí div
ID citátem konec citátu "dole". My

18
00:00:54,080 --> 00:00:57,740
Nyní máte tři jedinečný identifikátor
na které můžeme použít nějaký CSS

19
00:00:57,740 --> 00:01:01,210
vlastnosti, ale nejprve pojďme návrat
do čela této stránky.

20
00:01:01,210 --> 00:01:04,760
Těsně nad titulu tady, budu
jděte do toho a definovat styl

21
00:01:04,760 --> 00:01:07,120
a zavřete styl.

22
00:01:07,120 --> 00:01:10,340
>> Uvnitř to teď, budu definovat
Některé vlastnosti CSS, a sice

23
00:01:10,340 --> 00:01:14,550
stejné jako ty, jsem již měl ve velkém stylu
atributy, ale tady se bude

24
00:01:14,550 --> 00:01:16,320
centrálně definované.

25
00:01:16,320 --> 00:01:20,880
Chcete-li tak učinit, budu specifikovat libru
symbol následuje nahoru, čímž se

26
00:01:20,880 --> 00:01:24,710
upřesňuje, že následující CSS
vlastnosti by se měla vztahovat na cokoliv

27
00:01:24,710 --> 00:01:28,800
HTML element má jedinečný
identifikátor vrcholu.

28
00:01:28,800 --> 00:01:32,240
Já pak budu muset trochu otevřít a
uzavřené složené závorky, a budu

29
00:01:32,240 --> 00:01:39,170
specifikovat, řekněme, velikost písma musí být 36
pixelů, hmotnost písmo bude tučné.

30
00:01:39,170 --> 00:01:41,810
>> Chcete-li udržet věci čisté, dávám každý
z těchto vlastností nyní na jeho vlastní

31
00:01:41,810 --> 00:01:44,610
linka, ale to je jen
stylistické konvence.

32
00:01:44,610 --> 00:01:47,830
Pod to, pojďme se nyní definovat další
Volič, abych tak řekl.

33
00:01:47,830 --> 00:01:52,680
Ten pro značku HTML, který má
jedinečný identifikátor středu.

34
00:01:52,680 --> 00:01:57,540
A tady, pojďme určit velikost písma
24 bodů, dále, že další

35
00:01:57,540 --> 00:02:01,520
Volič na dně, a uvnitř
o tom, pojďme specifikovat

36
00:02:01,520 --> 00:02:03,850
velikost písma 12 bodů.

37
00:02:03,850 --> 00:02:09,350
>> Pojďme nyní uložit, změnit oprávnění
na, a načíst stránku v prohlížeči

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

39
00:02:14,230 --> 00:02:22,260
Pojďme otevřít Chrome a navštívit
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
To není špatné.

41
00:02:22,960 --> 00:02:26,930
Přesně tak, jak jsem chtěl, ale já bych rád, aby
o krok dál brát věci teď a

42
00:02:26,930 --> 00:02:29,050
Text středového John Harvardu.

43
00:02:29,050 --> 00:02:32,080
Nyní k tomu, bych mohl zabalit
Celé stránky v div, když jsem

44
00:02:32,080 --> 00:02:33,800
dělal dřívější příklad.

45
00:02:33,800 --> 00:02:37,820
Nebo můžu být mnohem chytřejší a uvědomit si, že
všechny tyto divs jsou uvnitř

46
00:02:37,820 --> 00:02:42,420
Tělo mé stránce, takže proč ne jen platit
jednu nebo více vlastností CSS k tělu

47
00:02:42,420 --> 00:02:43,850
označit sám?

48
00:02:43,850 --> 00:02:45,460
>> Chcete-li tak učinit, pojďme na to.

49
00:02:45,460 --> 00:02:47,650
Vraťme se k gedit zde.

50
00:02:47,650 --> 00:02:52,460
Pojďme přejděte zpět do tagu styl,
a pojďme zadat volič jen

51
00:02:52,460 --> 00:02:54,520
pomocí tohoto tagu jméno, tělo.

52
00:02:54,520 --> 00:03:00,580
Pod tím, pojďme dát naše složené závorky
následuje text zarovnání na střed.

53
00:03:00,580 --> 00:03:05,580
Pojďme nyní uložit stránku a znovu
že uvnitř tohoto prohlížeče.

54
00:03:05,580 --> 00:03:08,090
Obnovit v Chrome a voila.

55
00:03:08,090 --> 00:03:11,000
V současné době máme stránku Johna Harvarda je
střed, jak jsme chtěli.

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