СПИКЕР: Так что это на самом деле не лучший дизайн смешиваться CSS с HTML. Скорее, лучше вынести за ваш CSS, положить его где-нибудь центральный, и как-то применить его к теги в вашей веб-странице. Чтобы добиться этого, мы можем на самом деле остановить с помощью атрибута стиля и вместо использовать стиль тег, который принадлежит в Глава веб-страницы наряду, для Экземпляр, ваше название. 

Давайте дадим этому попытку и повторно реализовать Домашняя страница для Джона Гарварда с использованием стиля тег. Я уже получил нас начали здесь с тремя дивы для Домашняя страница Джона Гарварда. Но давайте сначала теперь подойти к этой первой дел и добавить новый атрибут, а именно ID, и указать, что это уникальный идентификатор для этого конкретного DIV должно быть, например, цитата конец цитаты "Лучших", это произвольное имя, но описательный, что это дел является действительно в верхней части моей странице. 

В течение следующего DIV, давайте дадим ему отличается Идентификатор цитатой Unquote "Средний", и давайте дадим третий DIV Идентификатор цитатой конец цитаты "дна". Мы Теперь есть три уникальный идентификатор , к которому мы можем применить некоторые CSS свойства, но сначала давайте возвращение главы этой странице. Прямо над названием здесь, я буду идти вперед и определяют стиль а затем закройте стиль. 

Внутри это сейчас, я собираюсь определить некоторые свойства CSS, а именно те самые, я ранее была в стиле атрибуты, но здесь они будут централизованно определены. Чтобы сделать это, я собираюсь указать фунт символ с последующим вершине, тем самым уточнив, что следующее CSS свойства должны применить к любой HTML элемент имеет уникальный идентификатор вершине. Я тогда будет иметь некоторые открыты и закрытые фигурные скобки, и я собираюсь указать, скажем, размер шрифта должен быть 36 пикселей, вес шрифта должен быть смелым. 

Чтобы все было чисто, я ставлю каждый из этих свойств теперь сама по себе линия, но это только стилистическая условность. Ниже этого, давайте определим другой Селектор, так сказать. Это один для HTML тега, который имеет уникальный идентификатор середине. И здесь, давайте указать размер шрифта из 24 пикселей, ниже, что другой Селектор для нижней, а внутри об этом, давайте уточним Размер шрифта 12 пикселей. 

Давайте теперь сохранить, изменить права доступа на, и загрузить эту страницу в браузере, CHMOD плюс г CSS-1.html. Давайте открыть Chrome и посетить http://localhost/css-1.html. Не плохо. Точно так, как я предполагал, но я хотел бы, чтобы принимать вещи на один шаг дальше теперь и Текст центра Джона Гарварда. Теперь, чтобы сделать это, я мог обернуть вся страница в DIV, как я сделал более ранний пример. Или я могу быть умнее и понимать, что все эти дивы находятся внутри Тело моей странице, так почему бы просто не применяются один или несколько CSS свойства для организма пометить себя? 

Чтобы сделать это, давайте сделаем это. Давайте вернемся к Gedit здесь. Давайте прокрутки назад до Style тега, и давайте указать селектор просто С помощью этого тега имя, тело. Ниже этого, давайте поставим наши фигурные скобки затем выравнивания текста центра. Давайте теперь сохранить страницу и перезагрузите это внутри этого браузера. Перезагрузка в Chrome, и вуаля. Теперь у нас есть страница Джона Гарварда в центре, как мы намеревались.