Урок №10. Заканчиваем верстку header и учимся стилизовать ссылки

В этом уроке мы закончим верстку header, а также научимся стилизовать ссылки с помощью CSS.

Для начала зададим стили только для тегов заголовков h1 и h2, которые находятся в блоке logo.

Чтобы это сделать напишем следующий код.

Этой записью мы задали для наших заголовков одинаковый стиль. С помощью font мы задали шрифт, пока что я не буду останавливаться на нем, более подробно мы поговорим о нем в следующих уроках.

Теперь создадим стиль для div’a с классом logo_text.

Этот записью мы задали стиль не только к тегу заголовков, которые находятся в классе logo_text, но и для ссылок, которые находятся в нем же.

Теперь давайте разберем новые для нас свойства.

letter-spacing: 0.1em; - означает интервал между символами, чем выше значение, тем больше интервал.

text-decoration: none; - это свойство служит для стилизации тега ссылки <a>

Чтобы более подробно узнать, как это свойство меняет стиль ссылки посмотрите на картинку ниже.

Теперь зададим еще одно свойство для заголовков второго уровня.

Теперь создадим еще одну запись для заголовков второго уровня.

Здесь все свойства CSS, так что останавливаться на них не буду.

Теперь обновим страницу и посмотрим, что получилось.

Чтобы не пропустить новые уроки советую подписаться на канал, а также на группу в вконтакте.

Также ставим пальцы вверх, чтобы я знал, что не зря стараюсь))