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

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

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

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

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

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

Резюме: история изменений стиля

.

Позвольте себе небольшую передышку. Сайт сейчас включает в себя таблицу CSS с набором красивых стилей. Самое время изменить облик всего сайта, поменяв лишь один CSS-файл. Попробуйте стилизовать несколько отдельных элементов на своих веб-страницах.

Выделение некоторых слов

Чтобы выделить на странице отдельные слова, выполните следующее.

1. Откройте файл about. html в текстовом редакторе.

2. Найдите абзац о встречах в местном пабе и добавьте элемент em, как показано здесь:

3. Сохраните страницу, а затем откройте ее в браузере. Предполагаемый результат показан на рис. 3.8. Как вы можете видеть, по умолчанию em отображается курсивом. Предлагаю использовать CSS для изменения этого стиля.

Откройте stylel.css (если вы еще не открыли его для редактирования) и добавьте в самом конце следующее правило:

Сохраните CSS-файл и обновите страницу «О нас» в браузере. Ваша страница должна выглядеть так, как показано на рис. 3.9.

Сейчас, если вы добавите на какую-нибудь страницу вашего сайта элемент em (конечно, страница должна быть связана с файлом stylel.ess), текст в тегах ет будет отображаться прописными буквами, но не курсивом. Здесь, однако, возникает интересный вопрос: а зачем нужно менять заданный по умолчанию стиль?

Рис. 3.8. Элемент em по умолчанию задает курсивный шрифт

Рис. 3.9. Содержимое элемента em выводится в верхнем регистре

Наверное, стили по умолчанию, которые используются в браузерах, тщательно выбирались. Можем ли мы быть уверены, что их нужно менять? Курсив ведь подходит для обозначения логического ударения? Вполне. Так что занимайтесь такими вещами с осторожностью. Возможность изменения стиля по умолчанию не значит, что это всегда нужно делать.

Впрочем, пойдем на компромисс. Оставим em в виде курсива, но еще и прописными буквами. Нужно просто убрать объявление font-stylе, и элемент em вернется к своему обычному курсиву, как показано на рис. 3.10.

Рис. 3.10. Содержимое элемента em отображается курсивом в верхнем регистре

.

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