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

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

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

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

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

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

Контекстные селекторы

.

Перевод: для любой ссылки, находящейся внутри блока навигации — элемента с идентификатором navigation, — применить нормальное начертание шрифта, то есть убрать подчеркивание (другие ссылки на этой странице останутся подчеркнутыми).

Перевод: установить отступ между строками в абзацах внутри элементов с id-атрибутом footer в размере 150 %. Это изменяет параметр 100 %, выставляемый браузером по умолчанию, или иные величины отступа, которые могли быть применены ранее, например, для всего содержимого body.

Перевод: для любого текста внутри заголовка первого уровня, который помечен как b (то есть должен выделяться полужирным шрифтом), установить красный цвет шрифта (элементы, помеченные как strong, не будут отображаться красным цветом).

Перевод: не подчеркивать ссылки, находящиеся внутри заголовков второго уровня (по умолчанию любые ссылки подчеркиваются, так что остальные ссылки на этой странице будут отображаться с подчеркиванием).

Объединение стилей

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

Это слишком громоздко, пожалуй. Да и стилей на странице многовато, что тяжело для восприятия. Можно ли избавиться от части работы? Да, можно! Вот так:

Перевод: если элемент — заголовок первого, второго или третьего уровня, то отображать его нужно шрифтом желтого цвета на черном фоне.

Попробуйте сгруппировать некоторые стили в учебном сайте. Пока у вас нет заголовков третьего уровня, но сейчас они появятся.

1. Отредактируйте свой CSS-файл следующим образом.

2. Сохраните файл и в браузере обновите страницу «О нас». Вы должны увидеть страницу, показанную на рис. 3.12.

Рис. 3.12. Отображение заголовков в новом стиле

Этот CSS-код и правда убивает нескольких зайцев одним выстрелом (образно выражаясь, конечно же; как я и обещал, ни одно животное от наших инструментов не пострадает). Кроме того, что вы управляете стилем нескольких страниц из одного файла, вы еще можете управлять стилем нескольких элементов одной командой. Ваши CSS-стили становятся проще и организованнее, а сайт вследствие этого быстрее загружается.

Тем временем в вашем CSS-файле получилось нечто интересное: кажется, у вас конфликт правил. Как это произошло?

.

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