У нас есть 3 серых ссылки-квадрата, осталось покрасить их в цвета соцсетей и добавить иконки.
В этом курсе мы часто будем использовать спрайты. Вот изображение-спрайт с иконками соцсетей:
Спрайт будет общим для всех ссылок, поэтому фоновое изображение зададим для класса social. А для уникальных классов соцсетей переопределим расположение фонового изображения и цвет фона.
Обратите внимание, что CSS-правила для конкретных соцсетей расположены в коде ниже, чем правило, задающее общий вид. Это нужно, чтобы работало переопределение CSS-свойств.
.social фоновое изображение /assets/course14/social.png без повторения..social-vk цвет фона #6d8fb3 и расположение фонового изображения 0 0..social-fb цвет фона #526da3 и расположение -40px 0..social-tw цвет фона #73bfe6 и расположение -80px 0.Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.