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

2
00:00:00,300 --> 00:00:04,840
>> Воведничар: Значи тоа е всушност не е најдобар
дизајн на мешаат CSS со HTML.

3
00:00:04,840 --> 00:00:08,700
Напротив, тоа е најдобро да се фактор од вашиот
CSS, го стави некаде централно и

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
Јас веќе сум добил ни почнати
тука со три Divs за

11
00:00:28,930 --> 00:00:30,260
Почетната страница од пребарувачот Џон Харвард.

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

13
00:00:33,990 --> 00:00:38,680
имено проект, и наведете дека единствен
ознака за овој посебен div

14
00:00:38,680 --> 00:00:42,390
ќе биде, на пример, цитат unquote
"Врвот", произволна име, но

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

16
00:00:45,840 --> 00:00:48,920
>> За следната div, ајде да го даде
различни ID на понуда unquote

17
00:00:48,920 --> 00:00:54,080
"Среден", и ајде да се даде на трет div
лична на понуда unquote "дното". Ние

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

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
>> Внатрешноста на оваа сега, јас ќе одам да се дефинираат
некои CSS својства, имено

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
наведувајќи дека следните CSS
својства треба да се применуваат на она што

27
00:01:24,710 --> 00:01:28,800
HTML елемент има уникатна
идентификатор на врвот.

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
Оваа една за HTML таг, кој има
уникатен идентификатор на средината.

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
chmod плус R CSS-1.html.

39
00:02:14,230 --> 00:02:22,260
Ајде да се отвори Хром и посета
http://localhost/css-1.html.

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
Сега да го стори тоа, би можел да заврши на
цела страница во една div како што

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

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

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

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
Да се ​​вратиме за gedit тука.

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
Под него, ајде да се стави нашите големи загради
проследено со text-align центар.

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

54
00:03:05,580 --> 00:03:08,090
Вчитај во Хром, и Voila.

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

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