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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Така че това всъщност не е най-добрият
проектират да общувам 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
За да постигнем това, ние всъщност може да спре
използване на атрибута Style и вместо

6
00:00:15,290 --> 00:00:19,290
използвате етикет Style, който принадлежи към
ръководител на дадена уеб страница, заедно, за

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
Но нека първо сега отидете до този първи
Разделения и добавете нов атрибут,

13
00:00:33,990 --> 00:00:38,680
а именно ID, и уточни, че една уникална
идентификатор за този конкретен Div

14
00:00:38,680 --> 00:00:42,390
трябва да бъде, например, в кавички
"Отгоре", произволно име, но

15
00:00:42,390 --> 00:00:45,840
описателен в това Div е
наистина в горната част на страницата ми.

16
00:00:45,840 --> 00:00:48,920
>> За следващата DIV, нека го прави даде
различен ID на кавички

17
00:00:48,920 --> 00:00:54,080
"Средна", и нека даде трето DIV
ИД на кавички "отдолу". Ние

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
Същите тези, които аз преди това са имали в Style
атрибути, но тук те ще бъдат

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
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
Нека отворим Chrome и посетете
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
Сега, за да се направи така, бих могъл да го увийте
цяла страница в дивизия, както аз

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
Нека да превъртите обратно до маркер Style,
и нека се уточни селектор просто

51
00:02:52,460 --> 00:02:54,520
използва този етикет име, Body.

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
Зареди в Chrome, и готово.

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

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