1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> GARSIAKALBIS: Pasirodo, kad HTML nėra
tik kalba galite naudoti viduje

3
00:00:03,310 --> 00:00:03,895
žiniatinklio puslapyje.

4
00:00:03,895 --> 00:00:08,100
Galite naudoti kažką vadinama CSS, arba
Cascading Style Sheets, taip pat.

5
00:00:08,100 --> 00:00:12,120
CSS leidžia jums nurodyti dar daugiau
Tiksliau iš interneto estetika

6
00:00:12,120 --> 00:00:16,930
puslapis, įskaitant išdėstymą ir dydžių, ir
spalvas ir šriftus ir daug daugiau.

7
00:00:16,930 --> 00:00:20,820
Pavyzdžiui, galime sukurti interneto puslapį
čia vadinamas CSS0, kuris atstovauja

8
00:00:20,820 --> 00:00:22,740
pagrindiniame puslapyje, tarkim, John Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Šiame puslapyje mes turime Jonas Harvardo universiteto
pavadinimas, po kurios bus

10
00:00:25,480 --> 00:00:28,500
gražus žinia jo lankytojų, po
kuri bus apačia, su

11
00:00:28,500 --> 00:00:30,590
sako, kai informacija apie autorines teises.

12
00:00:30,590 --> 00:00:34,650
Norėdami tai padaryti, galime apibrėžti trys padaliniai
už puslapį naudojant žymę

13
00:00:34,650 --> 00:00:35,670
vadinamas div.

14
00:00:35,670 --> 00:00:43,880
Skliaustai atidaromi div John Harvard, netoli
laikiklis div, kitas atviras laikiklis div,

15
00:00:43,880 --> 00:00:48,330
ir dabar mes nurodyti kažką
kaip, kviečiame į mano pagrindiniame puslapyje!

16
00:00:48,330 --> 00:00:50,420
Ir tegul uždaryti šį div, taip pat.

17
00:00:50,420 --> 00:00:53,700
>> O dabar trečioji ir paskutinė
div, autorinės teisės.

18
00:00:53,700 --> 00:00:58,250
Tiesiog turi būti išgalvotas, leiskite naudoti dabar yra HTML
subjektas, simbolis, kuris atstovauja

19
00:00:58,250 --> 00:01:01,140
pobūdžio, kad tu negali kitaip
tipo klaviatūra.

20
00:01:01,140 --> 00:01:07,490
Visų pirma, aš ruošiuosi daryti
Ženklas, svaras, 169, kabliataškis.

21
00:01:07,490 --> 00:01:10,620
Pasirodo, kad yra skaitmeninis kodas
dėl autorių teisių simboliu.

22
00:01:10,620 --> 00:01:14,260
Tada tegul nurodyti John Harvardo
čia apačioje.

23
00:01:14,260 --> 00:01:17,180
Leiskite uždaryti div ir išsaugokite failą.

24
00:01:17,180 --> 00:01:18,910
>> Dabar, kas yra šis div tegus?

25
00:01:18,910 --> 00:01:21,970
Div tegus tiesiog apibrėžia padalinys
puslapio, kuris yra iš esmės

26
00:01:21,970 --> 00:01:23,310
Stačiakampė sritis.

27
00:01:23,310 --> 00:01:26,850
Taigi šiuo momentu, turiu tris
stačiakampiai regionai, vienas ant

28
00:01:26,850 --> 00:01:27,620
iš kitos.

29
00:01:27,620 --> 00:01:30,610
Taigi dabar, poveikis yra beveik toks pat
nors turėjau tris pastraipas.

30
00:01:30,610 --> 00:01:33,490
Bet mes ne pamatyti gana daug
tarpas tarp jų.

31
00:01:33,490 --> 00:01:36,170
>> Išsaugokime šį failą, pakeisti jos
teises, ir imtis už išvaizdą

32
00:01:36,170 --> 00:01:37,990
momentas Chrome.

33
00:01:37,990 --> 00:01:43,040
Chmod + R CSS0.html.

34
00:01:43,040 --> 00:01:52,440
Tegul dabar atverti Chrome ir vizito
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Iš tikrųjų, čia pagrindinis puslapis
John Harvard.

36
00:01:54,630 --> 00:01:59,370
Leiskite dabar Stilizuoti jį šiek tiek daugiau
tiksliai, naudojant šiek tiek CSS.

37
00:01:59,370 --> 00:02:03,510
>> Atgal į gedit, eikime į tai
Pirmasis div tegus ir pridėti stilių

38
00:02:03,510 --> 00:02:11,060
atributas, nurodantis, kad aš norėčiau
šrifto dydis, tarkime, 36 taškų, arba px.

39
00:02:11,060 --> 00:02:15,650
Ir aš norėčiau šio šrifto svorį
būti drąsus, o ne pagal nutylėjimą,

40
00:02:15,650 --> 00:02:16,980
tai yra normalu.

41
00:02:16,980 --> 00:02:21,170
Dėl antrojo div, galime nurodyti
kitas stilius atributas, kuris turi

42
00:02:21,170 --> 00:02:25,550
šrifto dydis 24 taškų, taip
šiek tiek mažesnis.

43
00:02:25,550 --> 00:02:28,410
Uždaryti citatos po kabliataškiu.

44
00:02:28,410 --> 00:02:33,255
>> Galiausiai, šio trečiojo div darykime
stilius Lygu citata, šrifto dydį, ir

45
00:02:33,255 --> 00:02:35,340
tarkim 12 taškai šį kartą.

46
00:02:35,340 --> 00:02:37,280
Uždaryti citata po kabliataškiu.

47
00:02:37,280 --> 00:02:40,200
Atkreipkite dėmesį, tada, kad man atrodo, kad turi
nurodyta iš stilizacija bitas

48
00:02:40,200 --> 00:02:43,770
kiekvieno iš šių trijų div us naudojančių
Pasirodo, CSS.

49
00:02:43,770 --> 00:02:47,820
Tiesą sakant, sintaksė, kurį matote
tarp tų dvigubų kabučių yra CSS,

50
00:02:47,820 --> 00:02:50,620
specialiai CSS savybės
su vertybėmis.

51
00:02:50,620 --> 00:02:53,910
Ir dėl šios pirmosios žymeles, kur turėjau
dvi tokios savybės, šrifto dydį ir

52
00:02:53,910 --> 00:02:57,290
šrifto svoris, aš tiesiog atskirti
juos kabliataškiu.

53
00:02:57,290 --> 00:02:59,940
>> Dabar tiesiog stiliaus dėlei, aš
taip pat įtrauktos kabliataškiais ne

54
00:02:59,940 --> 00:03:00,880
Kiekvienos eilutės pabaigoje.

55
00:03:00,880 --> 00:03:04,270
Bet jie ne būtinai reikia,
ypač tada, kai turite tik vieną

56
00:03:04,270 --> 00:03:05,580
nuosavybė apibrėžta.

57
00:03:05,580 --> 00:03:08,370
Leiskite dabar išsaugokite failą ir perkraukite
Chrome, ir pamatyti, kas

58
00:03:08,370 --> 00:03:11,000
grynasis poveikis yra.

59
00:03:11,000 --> 00:03:13,470
Atgal į Chrome čia
tegul spustelėkite Atnaujinti.

60
00:03:13,470 --> 00:03:15,800
>> Dabar mes turime šiek tiek įdomesnis
Titulinis Jonui

61
00:03:15,800 --> 00:03:19,000
Harvardo, pagal kurį pirmoji eilutė su
Jo vardas, kuris yra viduje, kad

62
00:03:19,000 --> 00:03:23,470
Pirmasis div yra 36 pikselių aukščio ir
Paryškintas, kuriuo antroje eilutėje

63
00:03:23,470 --> 00:03:27,340
kuris yra toje antroje div yra 24
pikselių aukščio, bet ne pastorinti.

64
00:03:27,340 --> 00:03:31,500
Ir pagal kurį trečioji eilutė toje trečiojoje
div yra 12 pikselių aukščio ir

65
00:03:31,500 --> 00:03:32,610
ne pastorinti.

66
00:03:32,610 --> 00:03:35,380
Bet tarkime, kad dabar norėčiau pereiti
visą šį tekstą virš

67
00:03:35,380 --> 00:03:36,650
taip, kad jis orientuotas.

68
00:03:36,650 --> 00:03:40,480
>> Galėčiau suderinti kiekvieno individo
DIV-ų, kaip yra orientuotas.

69
00:03:40,480 --> 00:03:45,330
Bet lengviau, galėčiau wrap tiems
Trys Divs viduje ketvirtojo div,

70
00:03:45,330 --> 00:03:49,360
tėvų div, taip sakant, ir nurodyti,
kad div ir visi jos

71
00:03:49,360 --> 00:03:52,610
palikuonys turėtų būti
tekstas suderintas centre?

72
00:03:52,610 --> 00:03:54,120
Paimkime išvaizdą.

73
00:03:54,120 --> 00:03:58,510
>> Viduje gedit, grįžkime prie mano
kūno ir pridėti naują div iki viršaus su

74
00:03:58,510 --> 00:04:04,460
div, stilius Lygu citata citatos
teksto lygiavimas centre, netoli

75
00:04:04,460 --> 00:04:06,250
Cituoju po kabliataškiu.

76
00:04:06,250 --> 00:04:10,280
Ir dabar, eikime į priekį ir įtrauka visi
Šių eilučių, kad mes įvedėte anksčiau.

77
00:04:10,280 --> 00:04:15,040
Ir toliau toje trečiojoje div tegul
uždaryti šį naują div.

78
00:04:15,040 --> 00:04:18,829
>> Kitaip tariant, nes tie trys
originalus Divs dabar vaikai, taip

79
00:04:18,829 --> 00:04:22,110
kalbėti, naujos patronuojančios div ir aš
nurodyta, kad norėčiau suderinti

80
00:04:22,110 --> 00:04:26,140
tekstas tos patronuojančios div centre
puslapio, kad turtas bus

81
00:04:26,140 --> 00:04:28,290
paveldėjo visus tuos vaikus.

82
00:04:28,290 --> 00:04:32,370
Iš tiesų, galime išsaugoti failą ir
atsižvelgti į naršyklės išvaizdą.

83
00:04:32,370 --> 00:04:34,650
Leiskite perkrauti Chrome.

84
00:04:34,650 --> 00:04:37,540
Ir mes jį, net gražiau
Titulinis John Harvard.

85
00:04:37,540 --> 00:04:39,872