Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Рассмотрим элементы в контексте

.

У меня есть для вас загадка. Что значит английское слово реп? Человек, хорошо знающий язык, первым делом спросит: в каком контексте? В предложении про офис или учебу в школе это слово, как вы знаете из школьных уроков английского, означает шариковую ручку. А если мы говорим о деревне и приключениях на свежем воздухе, то, вероятнее всего, речь идет о небольшом загоне для скота или птицы. Вот так-то!

Контекст, конечно, очень сильно влияет, и мы можем использовать это в CSS в своих целях, выделяя элемент различными способами в зависимости от его положения в тексте. Запомните это, а сейчас предлагаю вернуться к сайту и изучить кое-что еще. Ну-ка, все внимание сюда!

Мы оформляли абзацы: они отображаются шрифтами семейства sans-serif (в частности, Verdana) синего цвета, как и практически все остальное на странице:

Все это очень хорошо, но у нас есть один абзац, который отличается от остальных. Вы не догадываетесь, что это? Это наш первый абзац — слоган. Вот HTML-разметка этого раздела:

Он заметно отличается от остального текста, поэтому логично было бы выбрать для этого абзаца другой стиль. Слоган заключен в специальный di v-элемент — с id-атрибутом tagline, и это нам поможет. Имея специальный элемент div для объекта на странице, можно установить особый стиль только для него.

1. Откройте CSS-файл для редактирования и добавьте следующее правило после первого абзаца.

2. Сохраните файл и обновите страницу «О нас» (или любую из трех — это не имеет значения) в браузере. Ваша страница должна выглядеть, как показано на рис. 3.11.

Как это получилось? Наверное, я должен объяснить. Это CSS-правило означает: «Для всех абзацев, заключенных внутри элемента с идентификатором (атрибутом id) tagline, установить курсивное начертание и шрифт Georgia, Times или любой другой из семейства serif, если нет этих».

Рис. 3.11. Слоган выделен курсивом

.

Читайте так же:
Not found