Курс HTML и CSS — Стилизация footer сайта с помощью css [Урок 16]

Автор Lyubov Stishevskaya
Курс HTML и CSS — Стилизация footer сайта с помощью css [Урок 16]

Привет всем.

Рад приветствовать вас в видеокурс по HTML и CSS If сегодняшнее видео уроки мы продолжим заниматься созданием нашего сайта. А я предлагаю сегодня стерилизовать на фото прошлых уроках мы создали хуторы и создали в нём copyright нашей странице так вот — это выглядит в нашем браузере на данный. Я предлагаю вернуть слона и.

Авдеев и ещё добавить в наш хутор социальные иконки.

Давайте создадим ткл в нём делай, а обшивка на нашу социальная сеть за 1 класс виджет нас Social. Давайте приступим к стерилизации для начала стилизуем анаша футах футер сайта — это за. Диму поединка. 20:03 пойдём 120.000 громкого, а возьмём такой как. Цезаря данный момент. Вот такая картинка наблюдается. Давайте создадим цвет текста будет белый онлайн центр выровняем прохождение с утра отлично видим ещё ссылка у нас не белая добавим еще правила для ссылок мы можем объединить свойства кала суперсайт. Я таким образом и удалить отсюда всё отлично. Всё ссылки уберём подчёркивание делается с помощью свойства decoration значение дальше. Давайте рисуем наши ссылки на социальные иконки виджет фастовская 1, что мы сделаем уберём маркеры у списка давай list-style None выровняем их в одну строку Display inline-block и поставим Magic справа примерно 20 пикселей. Вот теперь давайте самогонку. И как мы будем создавать с помощью шрифтовая библиотеке интересам. А я её здесь подключил заранее вот Link Font awesome CSS сейчас кратко расскажу, что такое — это официальный сайт. Может на него перейти с помощью этого шрифта можно давать различные иконки для наших элементов здесь существует огромный список иконок если мы перейдём в айтюнс. Ну можем и здесь видеть по категориям также есть удобный поиск давайте найдём иконку например VK видео чтобы задать иконку нужно нашим элементу задать класс флаги и названия иконки на два часа зададим нашей ссылки класс фабрика посмотрим вот появилась наша. предлагаю добавить еще Facebook и Twitter такие пресамая перейдём на сайт поиск Facebook Facebook копировать Twitter. Я помогаю будет. Давайте проверим всё отлично нашли гоночки готовы. Так давайте при наведении изменим ещё цвет для них зайдём сюда добавим правила об sevda элемент h&m зададим восстановить текст что-то не работает как проверим сработала наше право разберемся. Почему, а сам мы задавали здесь свойств свойства футер сайт, а цвет белый для элементов aggie.io важнее правила будет. Вот эта тема виджет Social. А и холод того чтобы поменять цвет при наведении мы поставили важность этого значения важность этого свойства кала она будет важнее. Вот — это чтобы перебить её любые свойства ставим impotent и всё будет отлично работать всё хутором нашему стерилизовали следующих уроках мы стилизуем sidebar дальше займёмся центром этой части сайта если вам понравился урок ставьте лайки. Подписывайтесь обязательно наш канал задавайте вопросы в комментариях. До встречи в новых видео пока.

0 комментариев
0

Читайте также