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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Tako da je dejansko ni najboljša
načrtovati, da se prepletajo CSS HTML.

3
00:00:04,840 --> 00:00:08,700
Namesto tega je najbolje, da faktor iz vašega
CSS, dal nekje centralno, in

4
00:00:08,700 --> 00:00:11,430
nekako velja, da
oznake na vašo spletno stran.

5
00:00:11,430 --> 00:00:15,290
Da bi to dosegli, bomo lahko dejansko ustavi
uporabi Style atribut in namesto

6
00:00:15,290 --> 00:00:19,290
uporabite Style oznako, ki spada v
Vodja spletne strani skupaj, za

7
00:00:19,290 --> 00:00:20,700
na primer, vaš naslov.

8
00:00:20,700 --> 00:00:24,400
>> Dajmo to poskusiti in ponovno izvajanje
domača stran Johna Harvarda

9
00:00:24,400 --> 00:00:26,410
z oznako Style.

10
00:00:26,410 --> 00:00:28,930
Sem že gotten nas začelo
tukaj s tremi divs za

11
00:00:28,930 --> 00:00:30,260
John Harvard je domača.

12
00:00:30,260 --> 00:00:33,990
Ampak kaj je prvi sedaj gredo v to prva
div in dodati novo lastnost,

13
00:00:33,990 --> 00:00:38,680
in sicer ID, in določite, da edinstven
identifikator za to posebno div

14
00:00:38,680 --> 00:00:42,390
so, na primer, citiram konec citata
"Top" poljubno ime, vendar

15
00:00:42,390 --> 00:00:45,840
opisen, da je ta div je
dejansko na vrhu svoji strani.

16
00:00:45,840 --> 00:00:48,920
>> Za naslednjo div, kaj je na tej dal
drugačna ID citatom citata

17
00:00:48,920 --> 00:00:54,080
"Srednji" in dajmo tretjo div
ID citatom citata "od spodaj". Mi

18
00:00:54,080 --> 00:00:57,740
Zdaj imamo tri enolični identifikator
, na katerega bomo lahko namažete CSS

19
00:00:57,740 --> 00:01:01,210
lastnosti, ampak najprej, kaj je donos
na čelu te strani.

20
00:01:01,210 --> 00:01:04,760
Tik nad naslova tukaj, bom
iti naprej in določite slog

21
00:01:04,760 --> 00:01:07,120
in zaprite slog.

22
00:01:07,120 --> 00:01:10,340
>> Znotraj tega zdaj, bom opredeliti
nekatere lastnosti CSS, in sicer

23
00:01:10,340 --> 00:01:14,550
isti, sem že imel v Style
atribute, ampak tukaj jih bomo

24
00:01:14,550 --> 00:01:16,320
centralno določena.

25
00:01:16,320 --> 00:01:20,880
To storite tako, da bom določite funt
simbol sledi vrh, s čimer

26
00:01:20,880 --> 00:01:24,710
navedbo, da po CSS
lastnosti bi morale veljati za vse, kar

27
00:01:24,710 --> 00:01:28,800
HTML element ima edinstven
identifikator vrhu.

28
00:01:28,800 --> 00:01:32,240
Jaz sem potem dogaja, da imajo nekatere odprte in
Zaprte zaviti oklepaji, in bom

29
00:01:32,240 --> 00:01:39,170
določite, recimo, se velikost črk je 36
točk, se teža krepko pisavo.

30
00:01:39,170 --> 00:01:41,810
>> Da se stvari čist, bom dal vsak
od zdaj naprej sama s temi lastnostmi

31
00:01:41,810 --> 00:01:44,610
linijo, ampak to je samo
stilne konvencije.

32
00:01:44,610 --> 00:01:47,830
Pod to, kaj je sedaj določiti drugo
Selektor, tako rekoč.

33
00:01:47,830 --> 00:01:52,680
Ta je za oznako HTML, ki ima
Edinstven identifikator sredini.

34
00:01:52,680 --> 00:01:57,540
In tukaj, dajmo določite velikost pisave
24 pik, spodaj, da je druga

35
00:01:57,540 --> 00:02:01,520
Selektor za dno, in znotraj
o tem, kaj je opredeliti

36
00:02:01,520 --> 00:02:03,850
velikost 12 pik pisave.

37
00:02:03,850 --> 00:02:09,350
>> Pojdimo zdaj rešiti, spremenite dovoljenja
no, in naložiti te strani v brskalniku,

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

39
00:02:14,230 --> 00:02:22,260
Odprimo Chrome in obiščite
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Ni slabo.

41
00:02:22,960 --> 00:02:26,930
Točno tako, kot sem nameraval, ampak rad bi
se stvari en korak naprej in zdaj

42
00:02:26,930 --> 00:02:29,050
Besedilo sredinski John Harvard.

43
00:02:29,050 --> 00:02:32,080
Zdaj pa, da to stori, lahko sem zaviti
celotna stran v div, kot sem

44
00:02:32,080 --> 00:02:33,800
naredil zgodnejši primer.

45
00:02:33,800 --> 00:02:37,820
Ali sem lahko bolj pameten in ugotovili, da
Vse te divs so znotraj

46
00:02:37,820 --> 00:02:42,420
Telo moji strani, tako, zakaj ne uporabljajo samo
eno ali več lastnosti CSS v telesu

47
00:02:42,420 --> 00:02:43,850
sam označil?

48
00:02:43,850 --> 00:02:45,460
>> To storite tako, naredimo to.

49
00:02:45,460 --> 00:02:47,650
Vrnimo se k gedit tukaj.

50
00:02:47,650 --> 00:02:52,460
Pojdimo se pomaknete nazaj do Style tag,
in naj določi selektor samo

51
00:02:52,460 --> 00:02:54,520
uporabo te označbe imena, Body.

52
00:02:54,520 --> 00:03:00,580
Pod tem, kaj je dal svoje zavite oklepaje
sledi text-align center.

53
00:03:00,580 --> 00:03:05,580
Pojdimo zdaj shranite stran in osvežite
je znotraj navedenega brskalnika.

54
00:03:05,580 --> 00:03:08,090
Ponovno naloži v Chrome, in voila.

55
00:03:08,090 --> 00:03:11,000
Zdaj imamo John Harvard stran
centered, kot smo nameravali.

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