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
Я ўжо атрымаў нас пачалі
тут з трыма дзівы для

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
апісальны, што гэта спраў з'яўляецца
сапраўды ў верхняй частцы маёй старонцы.

16
00:00:45,840 --> 00:00:48,920
>> На працягу наступнага DIV, давайце дамо яму
адрозніваецца Ідэнтыфікатар цытатай Unquote

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
тыя самыя, я раней была ў стылі
атрыбуты, але тут яны будуць

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 плюс г 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
Зараз, каб зрабіць гэта, я мог абгарнуць
ўся старонка ў DIV, як я

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
Цела маёй старонцы, дык чаму б проста не прымяняюцца
адзін або некалькі 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
З дапамогай гэтага тэга імя, цела.

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