IT "Понятно"
Обучение для начинающих
c 8 лет и до бесконечности


Верстка меню в виде кнопок

В данном уроке мы сделаем меню на сайте, состоящее из списка ссылок и стилизуем их в css в виде кнопок

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

Краткий конспект урока:

magin - свойство CSS. Устанавливает значение полей вокруг элемента и позволяет задавать расстояния взаимодействия с окружающими элементами. Свойство magin, аналогично свойству padding позволяет задать величину поля сразу для всех сторон элемента или определить ее только для указанных сторон.

Примеры записи свойств:

magin: 10px; - поля будут установлены одновременно от каждого края элемента.

magin: 10px 20px; - первое значение устанавливает поля от верхнего и нижнего края (10px), второе — от левого и правого (20px).

magin: 10px 20px 30px 40px; - поочередно устанавливается поля от верхнего (10px), правого (20px), нижнего (30px) и левого (40px) края.

Также возможно отдельное написание для каждой стороны по отдельности:

magin -top: 10px; - отступ снаружи блока сверху

magin -right: 20px; - отступ снаружи блока справа

magin -bottom: 30px; - отступ снаружи блока снизу

magin -left: 40px; - отступ снаружи блока слева

transition – универсальное CSS свойство, которое позволяет одновременно задать значения таких свойств, как transition-property, transition-duration, transition-timing-function и transition-delay. Устанавливает эффект перехода между двумя состояниями элемента, они могут быть определены с помощью псевдокласса :hover

transition: 2s; - в примере мы устанавливаем плавный переход состояний псевдоклассов.

Наш сайт использует куки.
Пользуясь сайтом вы соглашаетесь
на обработку персональных данных.
Согласиться и закрыть это окно - нажмите «ОК».
OK