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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Takže to vlastne nie je najlepší
navrhnúť, aby prelínajú CSS s HTML.

3
00:00:04,840 --> 00:00:08,700
Skôr, je to najlepšie, aby vytknúť vaše
CSS, dať to niekam centrálne, a

4
00:00:08,700 --> 00:00:11,430
nejako aplikovať na
tagy na svoje webové stránky.

5
00:00:11,430 --> 00:00:15,290
Na dosiahnutie tohto cieľa, môžeme skutočne zastaviť
pomocou atribútu Štýl a miesto

6
00:00:15,290 --> 00:00:19,290
použiť tag štýl, ktorý patrí do
hlava webové stránky spolu, pre

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

8
00:00:20,700 --> 00:00:24,400
>> Poďme dať to skúsiť a re-implementovať
domáce stránka pre Johna Harvard

9
00:00:24,400 --> 00:00:26,410
pomocou tagu štýl.

10
00:00:26,410 --> 00:00:28,930
Už som dostal nás začala
Tu sa tromi divs pre

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

12
00:00:30,260 --> 00:00:33,990
Ale poďme sa najprv ísť až na to prvé
div a pridať nový atribút,

13
00:00:33,990 --> 00:00:38,680
menovite ID, a určiť, že jedinečná
Identifikátor pre túto konkrétnu div

14
00:00:38,680 --> 00:00:42,390
musí byť, napríklad, citácie koniec citátu
"Top", ľubovoľný názov, ale

15
00:00:42,390 --> 00:00:45,840
opisný, že tento div je
naozaj na vrchole svojej stránky.

16
00:00:45,840 --> 00:00:48,920
>> Pre budúci div, dajme to
iný ID citátom koniec citátu

17
00:00:48,920 --> 00:00:54,080
"Stredná" a poďme dať tretí div
ID citátom koniec citátu "dole". My

18
00:00:54,080 --> 00:00:57,740
Teraz máte tri jedinečný identifikátor
na ktoré môžeme použiť nejaký CSS

19
00:00:57,740 --> 00:01:01,210
vlastnosti, ale najprv poďme návrat
do čela tejto stránky.

20
00:01:01,210 --> 00:01:04,760
Tesne nad titulu tu, budem
choďte do toho a definovať štýl

21
00:01:04,760 --> 00:01:07,120
a zatvorte štýl.

22
00:01:07,120 --> 00:01:10,340
>> Vnútri to teraz, budem definovať
Niektoré vlastnosti CSS, a síce

23
00:01:10,340 --> 00:01:14,550
rovnaké ako tie, som už mal vo veľkom štýle
atribúty, ale tu sa bude

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

25
00:01:16,320 --> 00:01:20,880
Ak chcete tak urobiť, budem špecifikovať libru
symbol nasleduje nahor, čím sa

26
00:01:20,880 --> 00:01:24,710
upresňuje, že nasledujúce CSS
vlastnosti by sa mala vzťahovať na čokoľvek

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
Ja potom budem musieť trochu otvoriť a
uzavreté zložené zátvorky, a budem

29
00:01:32,240 --> 00:01:39,170
špecifikovať, povedzme, veľkosť písma musí byť 36
pixelov, hmotnosť písmo bude tučné.

30
00:01:39,170 --> 00:01:41,810
>> Ak chcete udržať veci čisté, dávam každý
z týchto vlastností teraz na jeho vlastné

31
00:01:41,810 --> 00:01:44,610
linka, ale to je len
štylistické konvencie.

32
00:01:44,610 --> 00:01:47,830
Pod to, poďme sa teraz definovať ďalšie
Volič, aby som tak povedal.

33
00:01:47,830 --> 00:01:52,680
Ten pre značku HTML, ktorý má
jedinečný identifikátor stredu.

34
00:01:52,680 --> 00:01:57,540
A tu, poďme určiť veľkosť písma
24 bodov, ďalej, že ďalšie

35
00:01:57,540 --> 00:02:01,520
Volič na dne, a vo vnútri
o tom, poďme špecifikovať

36
00:02:01,520 --> 00:02:03,850
veľkosť písma 12 bodov.

37
00:02:03,850 --> 00:02:09,350
>> Poďme teraz uložiť, zmeniť povolenia
na, a načítať stránku v prehliadači

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

39
00:02:14,230 --> 00:02:22,260
Poďme otvoriť Chrome a navštíviť
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
To nie je zlé.

41
00:02:22,960 --> 00:02:26,930
Presne tak, ako som chcel, ale ja by som rád, aby
o krok ďalej brať veci teraz a

42
00:02:26,930 --> 00:02:29,050
Text stredového John Harvarde.

43
00:02:29,050 --> 00:02:32,080
Teraz k tomu, by som mohol zabaliť
Celé stránky v div, keď som

44
00:02:32,080 --> 00:02:33,800
robil skorší príklad.

45
00:02:33,800 --> 00:02:37,820
Alebo môžem byť oveľa múdrejší a uvedomiť si, že
všetky tieto divs sú vo vnútri

46
00:02:37,820 --> 00:02:42,420
Telo mojej stránke, takže prečo nie len platiť
jednu alebo viac vlastností CSS k telu

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

48
00:02:43,850 --> 00:02:45,460
>> Ak chcete tak urobiť, poďme na to.

49
00:02:45,460 --> 00:02:47,650
Vráťme sa k gedit tu.

50
00:02:47,650 --> 00:02:52,460
Poďme prejdite späť do tagu štýl,
a poďme zadať volič len

51
00:02:52,460 --> 00:02:54,520
pomocou tohto tagu meno, telo.

52
00:02:54,520 --> 00:03:00,580
Pod tým, poďme dať naše zložené zátvorky
nasleduje text zarovnanie na stred.

53
00:03:00,580 --> 00:03:05,580
Poďme teraz uložiť stránku a znova
že vo vnútri tohto prehliadača.

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

55
00:03:08,090 --> 00:03:11,000
V súčasnej dobe máme stránku Johna Harvard je
stred, ako sme chceli.

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