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

2
00:00:00,300 --> 00:00:04,840
>> ПРЕДСЕДНИК: Значи, то је заправо није најбољи
дизајн за мешају ЦСС са ХТМЛ.

3
00:00:04,840 --> 00:00:08,700
Уместо тога, то је најбоље да фактор ван ваше
ЦСС, стави га негде централни, и

4
00:00:08,700 --> 00:00:11,430
некако га применити на
ознаке у својој веб страници.

5
00:00:11,430 --> 00:00:15,290
Да би то постигли, ми заправо може зауставити
користећи стил атрибут и уместо тога

6
00:00:15,290 --> 00:00:19,290
користите Стиле таг, који припада у
шеф веб странице заједно, за

7
00:00:19,290 --> 00:00:20,700
пример, ваш наслов.

8
00:00:20,700 --> 00:00:24,400
>> Дајмо ово пробати и поново спроведе
почетна страна за Џона Харварда

9
00:00:24,400 --> 00:00:26,410
помоћу Стиле ознаку.

10
00:00:26,410 --> 00:00:28,930
Већ сам добио нас почели
овде са три Дивс за

11
00:00:28,930 --> 00:00:30,260
Јохн Харвард страница.

12
00:00:30,260 --> 00:00:33,990
Али хајде прво да иде и до сада ово прво
див и додајте нови атрибут,

13
00:00:33,990 --> 00:00:38,680
наиме ИД, и одредите да јединствена
идентификатор за ову див

14
00:00:38,680 --> 00:00:42,390
ће бити, на пример, цитата Ункуоте
"Топ", произвољно име, али

15
00:00:42,390 --> 00:00:45,840
описно у да овај див је
заиста на врху моје стране.

16
00:00:45,840 --> 00:00:48,920
>> За следећу див, хајде да га дам
различит ИД цитатом Ункуоте

17
00:00:48,920 --> 00:00:54,080
"Средње" и дајмо трећи див
ИД цитатом Ункуоте "дно". Ми

18
00:00:54,080 --> 00:00:57,740
Сада имамо три јединствени идентификатор
на које можемо применити неку ЦСС

19
00:00:57,740 --> 00:01:01,210
особине, али прво, хајде да повратак
на челу ове странице.

20
00:01:01,210 --> 00:01:04,760
Само изнад наслова овде, ја ћу
само напред и дефинисати стил

21
00:01:04,760 --> 00:01:07,120
а затим затворите стил.

22
00:01:07,120 --> 00:01:10,340
>> Унутар овога сада, ја ћу да дефинишу
неке ЦСС својства, наиме

23
00:01:10,340 --> 00:01:14,550
Исте оне које сам раније имао у стилу
атрибуте, али овде ће бити

24
00:01:14,550 --> 00:01:16,320
централно дефинисана.

25
00:01:16,320 --> 00:01:20,880
Да бисте то урадили, ја ћу навести фунту
симбол затим врху, чиме

26
00:01:20,880 --> 00:01:24,710
прецизирајући да следећи ЦСС
особине треба да важи за све што

27
00:01:24,710 --> 00:01:28,800
ХТМЛ елемент има јединствен
идентификатор врху.

28
00:01:28,800 --> 00:01:32,240
Ја онда ћу имати неке отворене и
затворене витичасте заграде, а ја ћу да

29
00:01:32,240 --> 00:01:39,170
одредите, рецимо, величина фонта биће 36
пиксела, тежина фонта ће бити подебљан.

30
00:01:39,170 --> 00:01:41,810
>> Да би ствари чиста, ја стављам сваки
од ових особина сада на сопствену

31
00:01:41,810 --> 00:01:44,610
линија, али то је само
стилска конвенција.

32
00:01:44,610 --> 00:01:47,830
Испод тога, хајде да сада дефинишемо други
селектор, да тако кажем.

33
00:01:47,830 --> 00:01:52,680
Овај један за ХТМЛ таг који има
јединствени идентификатор средину.

34
00:01:52,680 --> 00:01:57,540
И овде, хајде да одредите величину слова
од 24 пиксела, испод које други

35
00:01:57,540 --> 00:02:01,520
селектор за дно, и унутар
тога, хајде да одредите

36
00:02:01,520 --> 00:02:03,850
величина слова од 12 пиксела.

37
00:02:03,850 --> 00:02:09,350
>> Хајде да сада сачувате, промените дозволе
на, и учитати ову страницу у прегледачу,

38
00:02:09,350 --> 00:02:14,230
цхмод а плус р ЦСС-1.хтмл.

39
00:02:14,230 --> 00:02:22,260
Хајде да отворимо Цхроме и посетите
хттп://лоцалхост/цсс-1.хтмл.

40
00:02:22,260 --> 00:02:22,960
Није лоше.

41
00:02:22,960 --> 00:02:26,930
Управо као што сам намеравао, али бих волео да
узети ствари један корак даље и сада

42
00:02:26,930 --> 00:02:29,050
Центар Џона Харвардова текст.

43
00:02:29,050 --> 00:02:32,080
Сада да то уради, ја могао преломити
цела страна у див као ја

44
00:02:32,080 --> 00:02:33,800
урадио раније пример.

45
00:02:33,800 --> 00:02:37,820
Или ја могу бити више паметан и схватити да
сви ови дивови су унутар

46
00:02:37,820 --> 00:02:42,420
Тело мојој страници а, па зашто не односи само
један или више ЦСС својства на телу

47
00:02:42,420 --> 00:02:43,850
означите себе?

48
00:02:43,850 --> 00:02:45,460
>> Да бисте то урадили, хајде да урадимо ово.

49
00:02:45,460 --> 00:02:47,650
Хајде да се вратимо на гедит овде.

50
00:02:47,650 --> 00:02:52,460
Хајде дођите натраг до Стиле таг,
и хајде да одредите само селектор

51
00:02:52,460 --> 00:02:54,520
користећи тај таг име, тело.

52
00:02:54,520 --> 00:03:00,580
Испод тога, хајде да ставимо витичасте заграде
затим тект-алигн центру.

53
00:03:00,580 --> 00:03:05,580
Хајде да сада сачувате страницу и поново
то унутар тог претраживача.

54
00:03:05,580 --> 00:03:08,090
Релоад у Цхроме, и воила.

55
00:03:08,090 --> 00:03:11,000
Ми сада имамо Џона Харварда страница
центриран како смо намеравали.

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