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

2
00:00:00,300 --> 00:00:04,840
>> GARSIAKALBIS: Taigi tai tikrai ne geriausias
dizainas susimaišyti CSS su HTML.

3
00:00:04,840 --> 00:00:08,700
Atvirkščiai, tai geriausia, kad veiksnys iš savo
CSS, įdėti jį kažkur centrinės ir

4
00:00:08,700 --> 00:00:11,430
kažkaip jį taikyti
žymės jūsų tinklalapį.

5
00:00:11,430 --> 00:00:15,290
Norint tai pasiekti, mes iš tikrųjų gali sustabdyti
naudojant stilių atributas, o vietoj

6
00:00:15,290 --> 00:00:19,290
naudoti Stilius žymeles, kurios priklauso ir
vadovas tinklalapį šalia, už

7
00:00:19,290 --> 00:00:20,700
Pavyzdžiui, jūsų pavadinimas.

8
00:00:20,700 --> 00:00:24,400
>> Leiskite duoti tai pabandyti ir iš naujo įgyvendinti
Titulinis John Harvard

9
00:00:24,400 --> 00:00:26,410
naudojant stilius tegus.

10
00:00:26,410 --> 00:00:28,930
Aš jau įsigijo mums pradėjo
čia su trimis DIV-ų, skirtų

11
00:00:28,930 --> 00:00:30,260
John Harvardo puslapyje.

12
00:00:30,260 --> 00:00:33,990
Bet tegul pirma dabar eiti tai pirmasis
div ir pridėti naują atributą,

13
00:00:33,990 --> 00:00:38,680
būtent ID ir nurodyti, kad unikalus
identifikatorius tam konkrečiam div

14
00:00:38,680 --> 00:00:42,390
gali būti, pavyzdžiui, citata citatos
"Iš viršaus", savavališkai vardas, bet

15
00:00:42,390 --> 00:00:45,840
aprašomasis, kad šis div yra
tikrai ne mano puslapio viršuje.

16
00:00:45,840 --> 00:00:48,920
>> Kitam div tegul mano, kad tai
skiriasi ID citata citatos

17
00:00:48,920 --> 00:00:54,080
"Viduryje", ir tegul suteikia trečiąjį div
Citatos citatos ID "iš apačios". Mes

18
00:00:54,080 --> 00:00:57,740
dabar turime tris unikalus identifikatorius
, į kurį mes galime taikyti kai CSS

19
00:00:57,740 --> 00:01:01,210
savybės, bet pirmiausia, tegul grąžinimas
į šio puslapio antraštėje.

20
00:01:01,210 --> 00:01:04,760
Virš pavadinimo čia, aš
eiti į priekį ir nustatyti stilių

21
00:01:04,760 --> 00:01:07,120
ir tada uždarykite stilius.

22
00:01:07,120 --> 00:01:10,340
>> Viduje tai dabar aš ruošiuosi apibrėžti
kai CSS savybės, ty

23
00:01:10,340 --> 00:01:14,550
tie patys aš anksčiau Stilius
atributus, tačiau čia jie bus

24
00:01:14,550 --> 00:01:16,320
centralizuotai apibrėžta.

25
00:01:16,320 --> 00:01:20,880
Norėdami tai padaryti, aš norėčiau patikslinti, svaras
simbolis, kurį viršuje, taip

26
00:01:20,880 --> 00:01:24,710
nurodoma, kad po CSS
savybės turėtų būti taikomi nepriklausomai nuo

27
00:01:24,710 --> 00:01:28,800
HTML elementas turi unikalių
identifikatorius viršuje.

28
00:01:28,800 --> 00:01:32,240
Aš tada teks kai atvira ir
uždarosios garbanotas petnešos, ir aš ruošiuosi

29
00:01:32,240 --> 00:01:39,170
nurodyti, pavyzdžiui, šrifto dydis turi būti 36
taškų, šrifto svoris turi būti drąsus.

30
00:01:39,170 --> 00:01:41,810
>> Išlaikyti švarą, aš išleisti kiekvieną
šių savybių dabar pati

31
00:01:41,810 --> 00:01:44,610
linija, bet tai tik
stilistinė konvencija.

32
00:01:44,610 --> 00:01:47,830
Apačioje, tegul dabar nustatyti kitą
selektorių, taip sakant.

33
00:01:47,830 --> 00:01:52,680
Tai vienas HTML tegus kad turi
unikalus identifikatorius viduryje.

34
00:01:52,680 --> 00:01:57,540
Ir čia galime nurodyti šrifto dydį
24 taškų, toliau, kad kita

35
00:01:57,540 --> 00:02:01,520
selektorius apačioje, o viduje
to, galime nurodyti

36
00:02:01,520 --> 00:02:03,850
šrifto dydis 12 pikselių.

37
00:02:03,850 --> 00:02:09,350
>> Leiskite dabar įrašyti, pakeisti teises
įjungtas ir įkelti šį puslapį naršyklėje,

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

39
00:02:14,230 --> 00:02:22,260
Leiskite atverti Chrome ir aplankyti
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Neblogai.

41
00:02:22,960 --> 00:02:26,930
Tiksliai taip, kaip ketinau, bet norėčiau
imtis ko dar vieną žingsnį ir dabar

42
00:02:26,930 --> 00:02:29,050
Vidurinė John Harvardo tekstas.

43
00:02:29,050 --> 00:02:32,080
Dabar tai daryti, galėčiau wrap
visas puslapis div kaip aš

44
00:02:32,080 --> 00:02:33,800
padarė ankstesnį pavyzdį.

45
00:02:33,800 --> 00:02:37,820
Arba aš galiu būti protingas ir supranta, kad
visų šių div us yra viduje

46
00:02:37,820 --> 00:02:42,420
mano puslapio kūno, tad kodėl taikoma ne tik
vienas ar daugiau CSS savybės prie kūno

47
00:02:42,420 --> 00:02:43,850
pažymėti save?

48
00:02:43,850 --> 00:02:45,460
>> Norėdami tai padaryti, tegul tai padaryti.

49
00:02:45,460 --> 00:02:47,650
Grįžkime į gedit čia.

50
00:02:47,650 --> 00:02:52,460
Leiskite pereikite atgal į stiliaus tegus
ir tegul nurodyti selektorių, tiesiog

51
00:02:52,460 --> 00:02:54,520
pagal tos TAG vardas, pavardė, institucija.

52
00:02:54,520 --> 00:03:00,580
Žemiau, kad galime įdėti mūsų garbanotas petnešos
po teksto lygiavimo centre.

53
00:03:00,580 --> 00:03:05,580
Leiskite dabar išsaugoti puslapį ir perkraukite
ji viduje tos naršyklėje.

54
00:03:05,580 --> 00:03:08,090
Perkrauti Chrome ", ir voila.

55
00:03:08,090 --> 00:03:11,000
Mes dabar turime John Harvard puslapį
centre kaip mes skirti.

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