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

2
00:00:00,290 --> 00:00:03,310
>> ПРЕДСЕДНИК: Испоставило се да ХТМЛ није
једини језик можете користити унутра

3
00:00:03,310 --> 00:00:03,895
на веб страници.

4
00:00:03,895 --> 00:00:08,100
Можете да користите нешто што се зове ЦСС, или
Цасцадинг Стиле Схеетс, као и.

5
00:00:08,100 --> 00:00:12,120
ЦСС омогућава да наведете много више
управо естетика веб

6
00:00:12,120 --> 00:00:16,930
страна, укључујући распоред и величина и
боје и фонтови и још много тога.

7
00:00:16,930 --> 00:00:20,820
На пример, хајде да креирате веб страницу
овде се зове ЦСС0 да представља

8
00:00:20,820 --> 00:00:22,740
Почетна страна за, рецимо, Јохн Харвард.

9
00:00:22,740 --> 00:00:25,480
>> На овој страници, ми ћемо имати Џон Харвард је
име, испод које ће бити

10
00:00:25,480 --> 00:00:28,500
лепо порука за његове посетиоце, испод
који ће бити подножје, са

11
00:00:28,500 --> 00:00:30,590
кажу, неке информације о ауторским правима.

12
00:00:30,590 --> 00:00:34,650
Да бисте то урадили, хајде да дефинишемо три одељења
за странице помоћу таг

13
00:00:34,650 --> 00:00:35,670
зове див.

14
00:00:35,670 --> 00:00:43,880
Отвори носач див, Џон Харвард, близу
носач див, друга отворена заграда див,

15
00:00:43,880 --> 00:00:48,330
а сада ћемо наведете нешто
као, добродошли на моју почетну страну!

16
00:00:48,330 --> 00:00:50,420
И хајде да затворите овај див, као добро.

17
00:00:50,420 --> 00:00:53,700
>> А сада трећи и коначни
див, ауторско право.

18
00:00:53,700 --> 00:00:58,250
Само да буде фенси, дозволите ми сада користимо ХТМЛ
ентитет, симбол који представља

19
00:00:58,250 --> 00:01:01,140
лик који не би могао другачије
укуцајте на тастатури.

20
00:01:01,140 --> 00:01:07,490
Конкретно, ја ћу да радим
амперсанд, фунта, 169, тачка и зарез.

21
00:01:07,490 --> 00:01:10,620
Испоставило се да је нумерички код
за симбол ауторских.

22
00:01:10,620 --> 00:01:14,260
Онда хајде да одредите Јохн Харвард
овде на дну.

23
00:01:14,260 --> 00:01:17,180
Хајде да затворите див и сачувајте датотеку.

24
00:01:17,180 --> 00:01:18,910
>> Сада, шта је ово див таг?

25
00:01:18,910 --> 00:01:21,970
Див ознака једноставно дефинише поделу
странице, што је у суштини

26
00:01:21,970 --> 00:01:23,310
правоугаона област.

27
00:01:23,310 --> 00:01:26,850
Дакле, у овом тренутку, ја имам три
правоугаоне региони, један на врху

28
00:01:26,850 --> 00:01:27,620
другог.

29
00:01:27,620 --> 00:01:30,610
Дакле, за сада, ефекат је скоро као
иако сам имао три пасуса.

30
00:01:30,610 --> 00:01:33,490
Али нећемо видети толико много
бели простор између њих.

31
00:01:33,490 --> 00:01:36,170
>> Хајде да сачувате ову датотеку, промените њен
дозволе, и да погледамо за

32
00:01:36,170 --> 00:01:37,990
тренутак у Цхроме.

33
00:01:37,990 --> 00:01:43,040
Цхмод + р ЦСС0.хтмл.

34
00:01:43,040 --> 00:01:52,440
Хајде да сада отвори Цхроме и посету
хттп://лоцалхост.ЦСС0.хтмл.

35
00:01:52,440 --> 00:01:54,630
Заиста, овде је почетна страница
за Џона Харварда.

36
00:01:54,630 --> 00:01:59,370
Хајде сада да стилизовати мало више
Управо користећи неку ЦСС.

37
00:01:59,370 --> 00:02:03,510
>> Назад у гедит, идемо у ово
Први див таг и додати стил

38
00:02:03,510 --> 00:02:11,060
атрибут прецизирајући да бих волео
фонта величине, рецимо, 36 пиксела, или пк.

39
00:02:11,060 --> 00:02:15,650
И ја бих тежину овог фонта
да буде храбар, а не подразумевани,

40
00:02:15,650 --> 00:02:16,980
што је нормално.

41
00:02:16,980 --> 00:02:21,170
За други див, хајде да одредите
други стил атрибут који има

42
00:02:21,170 --> 00:02:25,550
величина слова од 24 пиксела, тако
мало мањи.

43
00:02:25,550 --> 00:02:28,410
Затвори цитати после зарезом.

44
00:02:28,410 --> 00:02:33,255
>> На крају, у овом трећем див, хајде да урадимо
стил једнако величину цитат, фонт, а

45
00:02:33,255 --> 00:02:35,340
рецимо да је 12 пиксела овај пут.

46
00:02:35,340 --> 00:02:37,280
Затвори цитат после зарезом.

47
00:02:37,280 --> 00:02:40,200
Обратите пажњу да сам онда изгледа да имамо
наведено мало стилизације за

48
00:02:40,200 --> 00:02:43,770
сваки од ова три Дивс користе,
испада, ЦСС.

49
00:02:43,770 --> 00:02:47,820
У ствари, синтакса да видиш у
између тих двоструких наводника је ЦСС,

50
00:02:47,820 --> 00:02:50,620
посебно ЦСС својства
са вредностима.

51
00:02:50,620 --> 00:02:53,910
И за тај први таг, где сам имао
два таква својства, величина фонта и

52
00:02:53,910 --> 00:02:57,290
фонта тежина, једноставно сам одвојен
их са зарезом.

53
00:02:57,290 --> 00:02:59,940
>> Сада, само ради стила, ја
такође укључене тачка-зарез на

54
00:02:59,940 --> 00:03:00,880
крај сваке линије.

55
00:03:00,880 --> 00:03:04,270
Али они нису стриктно неопходно,
нарочито када имате само једну

56
00:03:04,270 --> 00:03:05,580
имовина дефинисана.

57
00:03:05,580 --> 00:03:08,370
Хајде да сада сачувате датотеку и поново
у Цхроме, и видети шта

58
00:03:08,370 --> 00:03:11,000
Нето ефекат је.

59
00:03:11,000 --> 00:03:13,470
Назад на Цхроме овде,
хајде да кликнете Релоад.

60
00:03:13,470 --> 00:03:15,800
>> Сада имамо мало више занимљив
почетна страница за Јовану

61
00:03:15,800 --> 00:03:19,000
Харвард, при чему прва линија са
његово име, који је унутар тога

62
00:03:19,000 --> 00:03:23,470
Први див, је 36 пиксела висок и
масна слова, при чему друга линија,

63
00:03:23,470 --> 00:03:27,340
који је у том другом див, је 24
пиксела висок, али не подебљане.

64
00:03:27,340 --> 00:03:31,500
И при чему трећи линија у том трећини
див је 12 пиксела висок и

65
00:03:31,500 --> 00:03:32,610
не подебљане.

66
00:03:32,610 --> 00:03:35,380
Али претпоставимо сада бих волео да се пребаци
све преко овог текста

67
00:03:35,380 --> 00:03:36,650
такав да је центриран.

68
00:03:36,650 --> 00:03:40,480
>> Могао поравнајте сваки од појединца
Дивс као што центриран.

69
00:03:40,480 --> 00:03:45,330
Али лакше, могао сам замотајте оних
три Дивс унутар четвртог див,

70
00:03:45,330 --> 00:03:49,360
родитељ див, да тако кажем, и одредите
да тај див и све своје

71
00:03:49,360 --> 00:03:52,610
потомци треба да буде
текст поравнат центар?

72
00:03:52,610 --> 00:03:54,120
Хајде да погледамо.

73
00:03:54,120 --> 00:03:58,510
>> Унутар гедит, хајде да се вратимо на мој
тело и додајте нови див до врха са

74
00:03:58,510 --> 00:04:04,460
див, стил једнако цитат завршен цитат
Текст алигн центар, близу

75
00:04:04,460 --> 00:04:06,250
цитирам после зарезом.

76
00:04:06,250 --> 00:04:10,280
А сад, идемо напред и увлачење свих
од оних линија које смо раније откуцаних.

77
00:04:10,280 --> 00:04:15,040
А испод тог трећег див, хајде да
затворите овај нови див.

78
00:04:15,040 --> 00:04:18,829
>> Другим речима, јер они три
оригинал Дивс су сада деца, тако да

79
00:04:18,829 --> 00:04:22,110
говоре, новог матичног див и ја сам
прецизирао да бих волео да се усклади

80
00:04:22,110 --> 00:04:26,140
Текст тог матичног див у центру
странице, да имовина ће бити

81
00:04:26,140 --> 00:04:28,290
наслеђује све те деце.

82
00:04:28,290 --> 00:04:32,370
Заиста, хајде да снимите фајл и
погледај у прегледачу.

83
00:04:32,370 --> 00:04:34,650
Хајде да релоад у Цхроме.

84
00:04:34,650 --> 00:04:37,540
И ту ми је, још лепше имати
почетна страна за Џона Харварда.

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