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

2
00:00:00,290 --> 00:00:03,310
>> Воведничар: Излезе дека HTML не е
единствениот јазик можете да го користите во

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

4
00:00:03,895 --> 00:00:08,100
Можете да го користите нешто што се нарекува CSS, или
Cascading Style Sheets, како и.

5
00:00:08,100 --> 00:00:12,120
CSS ви овозможува да одредите многу повеќе
токму на естетиката на веб

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

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

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
наречен div.

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

15
00:00:43,880 --> 00:00:48,330
и сега ние ќе се определи нешто
како, добредојде на мојот дом страница!

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

17
00:00:50,420 --> 00:00:53,700
>> И сега по трет и последен
div, авторските права.

18
00:00:53,700 --> 00:00:58,250
Само за да биде фенси, дозволете ми да го користите сега на HTML
лице, симбол кој претставува

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
Ајде да се затвори div и ја зачувам датотеката.

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

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

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
Chmod a + r CSS0.html.

34
00:01:43,040 --> 00:01:52,440
Ајде сега се отвори Chrome и посета
http://localhost.CSS0.html.

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

36
00:01:54,630 --> 00:01:59,370
Ајде сега тоа стилизирам малку повеќе
токму користење на некои CSS.

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

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
За втората div, ајде да се определи
друг стил атрибут кој има

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
>> И на крај, во оваа трета div, ајде да направиме
стил еднаква големина понуда, фонт, и

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
секоја од овие три divs користење,
Излегува CSS.

49
00:02:43,770 --> 00:02:47,820
Всушност, синтаксата што го гледате во
помеѓу оние двојни наводници е CSS,

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

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
Назад во Хром тука,
ајде да кликнете Reload.

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
прва div, е 36 пиксели висока, а исто така
болдирање, при што втората линија,

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

64
00:03:27,340 --> 00:03:31,500
И при што на третата линија со тоа, што третиот
div е 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
>> Јас би можеле да се усогласат на секоја од поединечните
Divs како се центрирани.

69
00:03:40,480 --> 00:03:45,330
Но полесно, би можел да заврши оние
три divs внатрешноста на четвртиот div, е

70
00:03:45,330 --> 00:03:49,360
родител div, така да се каже, и да го одредите
дека div и сите негови

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
>> Внатрешноста на gedit, да се вратиме на мојот
тело и додадете нов div до врвот со

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

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
И под тоа трето div, ајде да
затвори оваа нова div.

78
00:04:15,040 --> 00:04:18,829
>> Со други зборови, бидејќи тие три
оригинални Divs се сега деца, така да

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

80
00:04:22,110 --> 00:04:26,140
текстот на тој родител div во центарот
на страница, на тој имот ќе биде

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