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