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

2
00:00:00,290 --> 00:00:03,310
>> Głośnik: Okazuje się, że HTML nie jest
język można używać tylko wewnątrz

3
00:00:03,310 --> 00:00:03,895
o stronie internetowej.

4
00:00:03,895 --> 00:00:08,100
Możesz użyć czegoś o nazwie CSS, lub
Kaskadowe arkusze stylów, jak również.

5
00:00:08,100 --> 00:00:12,120
CSS pozwala określić wiele więcej
właśnie estetyka internecie

6
00:00:12,120 --> 00:00:16,930
strony, w tym układzie i rozmiarach i
kolory i czcionki i wiele innych.

7
00:00:16,930 --> 00:00:20,820
Na przykład stwórzmy stronę
o nazwie css0 reprezentująca

8
00:00:20,820 --> 00:00:22,740
strona główna dla, powiedzmy, John Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Na tej stronie będziemy mieli John Harvard
Nazwa, pod którą będzie

10
00:00:25,480 --> 00:00:28,500
miła wiadomość dla jego gości, pod
które będą stopki, z

11
00:00:28,500 --> 00:00:30,590
powiedzieć trochę o prawach autorskich informacji.

12
00:00:30,590 --> 00:00:34,650
Aby to zrobić, niech zdefiniować trzy oddziały
na stronie za pomocą znacznika

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

14
00:00:35,670 --> 00:00:43,880
Otwórz wspornik div, John Harvard, blisko
Uchwyt div, kolejny otwarty uchwyt div,

15
00:00:43,880 --> 00:00:48,330
a teraz będziemy określać coś
jak, Witam na mojej stronie domowej!

16
00:00:48,330 --> 00:00:50,420
I niech zamknąć div, jak również.

17
00:00:50,420 --> 00:00:53,700
>> A teraz trzeci i ostatni
div, prawa autorskie.

18
00:00:53,700 --> 00:00:58,250
Wystarczy być wyszukane, pozwól mi użyć teraz o HTML
podmiot, który reprezentuje symbol

19
00:00:58,250 --> 00:01:01,140
charakter, że nie można inaczej
pisania na klawiaturze.

20
00:01:01,140 --> 00:01:07,490
W szczególności mam zamiar zrobić
Ampersand, funt, 169, średnik.

21
00:01:07,490 --> 00:01:10,620
Okazuje się, że jest kod numeryczny
dla symbolu copyright.

22
00:01:10,620 --> 00:01:14,260
No to określić John Harvard
tu na dole.

23
00:01:14,260 --> 00:01:17,180
Zamknijmy div i zapisz plik.

24
00:01:17,180 --> 00:01:18,910
>> Teraz, co to jest div tag?

25
00:01:18,910 --> 00:01:21,970
Znacznik div po prostu definiuje podział
strony, która jest w zasadzie

26
00:01:21,970 --> 00:01:23,310
prostokątny obszar.

27
00:01:23,310 --> 00:01:26,850
Więc w tym momencie, mam trzy
prostokątnych regionach, jeden na wierzchu

28
00:01:26,850 --> 00:01:27,620
z drugiej strony.

29
00:01:27,620 --> 00:01:30,610
Więc teraz, efekt jest prawie tak
choć miałem trzy akapity.

30
00:01:30,610 --> 00:01:33,490
Ale nie będzie widać aż tak wiele
odstępy pomiędzy nimi.

31
00:01:33,490 --> 00:01:36,170
>> Miejmy zapisać ten plik, zmienić jego
Uprawnienia i spojrzeć na

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

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

34
00:01:43,040 --> 00:01:52,440
Niech teraz otworzyć Chrome i wizyta
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Rzeczywiście, tutaj jest strona główna
John Harvard.

36
00:01:54,630 --> 00:01:59,370
Powiedzmy teraz stylizować to trochę więcej
właśnie za pomocą niektórych CSS.

37
00:01:59,370 --> 00:02:03,510
>> Powrót w gedit, chodźmy do tego
Pierwszy znacznik div i dodać styl

38
00:02:03,510 --> 00:02:11,060
atrybut określający, że chciałbym
rozmiar czcionki, powiedzmy, 36 pikseli lub px.

39
00:02:11,060 --> 00:02:15,650
I chciałbym ciężar tej czcionki
być śmiały zamiast domyślnego,

40
00:02:15,650 --> 00:02:16,980
co jest normalne.

41
00:02:16,980 --> 00:02:21,170
Dla drugiego div, niech określić
inny atrybut style, który ma

42
00:02:21,170 --> 00:02:25,550
rozmiar czcionki 24 pikseli, więc
trochę mniejsze.

43
00:02:25,550 --> 00:02:28,410
Zamknij cytaty po średnikiem.

44
00:02:28,410 --> 00:02:33,255
>> Wreszcie w trzeciej div, zróbmy
Styl jest równa wielkości cytat, czcionki, i

45
00:02:33,255 --> 00:02:35,340
powiedzmy 12 pikseli i tym razem.

46
00:02:35,340 --> 00:02:37,280
Zamknij cytat po średnikiem.

47
00:02:37,280 --> 00:02:40,200
Zauważ to, że wydaje się, że
podano nieco stylizacji dla

48
00:02:40,200 --> 00:02:43,770
każda z tych trzech div stosując,
Okazuje się, CSS.

49
00:02:43,770 --> 00:02:47,820
W rzeczywistości, składnia, że ​​można zobaczyć w
między tymi cudzysłowach jest CSS

50
00:02:47,820 --> 00:02:50,620
specjalnie właściwości CSS
z wartościami.

51
00:02:50,620 --> 00:02:53,910
I do tego pierwszego słowa, gdzie miałem
dwa takie właściwości, rozmiar czcionki i

52
00:02:53,910 --> 00:02:57,290
waga czcionki, po prostu oddzielone
je średnikiem.

53
00:02:57,290 --> 00:02:59,940
>> Teraz, właśnie przez wzgląd na styl, w ja
również ujęte średniki w

54
00:02:59,940 --> 00:03:00,880
koniec każdego wiersza.

55
00:03:00,880 --> 00:03:04,270
Ale nie są one absolutnie konieczne,
szczególnie, gdy masz tylko jedną

56
00:03:04,270 --> 00:03:05,580
Właściwość określona.

57
00:03:05,580 --> 00:03:08,370
Załóżmy teraz zapisać plik i załaduj
w Chrome i zobacz, co

58
00:03:08,370 --> 00:03:11,000
Efekt netto jest.

59
00:03:11,000 --> 00:03:13,470
Powrót w Chrome tutaj,
Miejmy kliknij Odśwież.

60
00:03:13,470 --> 00:03:15,800
>> Teraz mamy nieco bardziej interesujące
strona główna dla Jana

61
00:03:15,800 --> 00:03:19,000
Harvard, przy czym pierwsza linia z
jego nazwisko, co jest wewnątrz, że

62
00:03:19,000 --> 00:03:23,470
Pierwsza liga, jest 36 pikseli wysokości, a także
pogrubiony, przy czym druga linia,

63
00:03:23,470 --> 00:03:27,340
które znajduje się w tym drugim div wynosi 24
pikseli wysokości, ale nie pogrubione.

64
00:03:27,340 --> 00:03:31,500
I przy czym trzecia linia w tym trzecia
div jest 12 pikseli wysokości, a także

65
00:03:31,500 --> 00:03:32,610
nie pogrubione.

66
00:03:32,610 --> 00:03:35,380
Ale załóżmy, że teraz chciałbym przenieść
cały ten tekst na

67
00:03:35,380 --> 00:03:36,650
tak, że jest wyśrodkowane.

68
00:03:36,650 --> 00:03:40,480
>> Mogę dostosować każdy z jednostki
DIV jako centrum.

69
00:03:40,480 --> 00:03:45,330
Ale łatwiej, mogę zawinąć te
trzy div wewnątrz czwartego DIV,

70
00:03:45,330 --> 00:03:49,360
rodzic div, że tak powiem, i określić
że div i wszystkie jego

71
00:03:49,360 --> 00:03:52,610
potomkowie powinni być
Tekst wyrównany centrum?

72
00:03:52,610 --> 00:03:54,120
Rzućmy okiem.

73
00:03:54,120 --> 00:03:58,510
>> Wewnątrz gedit, wróćmy do mojego
ciało i dodać nowe div up top z

74
00:03:58,510 --> 00:04:04,460
div, styl równa cytatu
Wyrównanie tekstu do centrum, w pobliżu

75
00:04:04,460 --> 00:04:06,250
Cytując po średnikiem.

76
00:04:06,250 --> 00:04:10,280
A teraz, idziemy naprzód i wszystko tiret
z tych linii, które wpisaliśmy wcześniej.

77
00:04:10,280 --> 00:04:15,040
I poniżej tego trzeciego div, niech
zamknąć ten nowy div.

78
00:04:15,040 --> 00:04:18,829
>> Innymi słowy, ponieważ te trzy
Teraz oryginalne div dzieci, tak, aby

79
00:04:18,829 --> 00:04:22,110
mówić, nowego nadrzędnego div i mam
określono, że chciałbym, aby wyrównać

80
00:04:22,110 --> 00:04:26,140
Tekst tego div nadrzędnej w centrum
strony, że nieruchomość będzie

81
00:04:26,140 --> 00:04:28,290
dziedziczone przez wszystkie te dzieci.

82
00:04:28,290 --> 00:04:32,370
Istotnie, niech zapisać plik i
spójrz w przeglądarce.

83
00:04:32,370 --> 00:04:34,650
Miejmy przeładować w Chrome.

84
00:04:34,650 --> 00:04:37,540
I nie mamy go, nawet ładniejszy
strona główna John Harvard.

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