CSS-свойства display: none и visibility: hidden могут быть использованы для скрытия элементов на странице. Однако, они работают по-разному и имеют свои особенности. В этой статье мы рассмотрим различия между этими свойствами и как использовать их […]
Специфичность селекторов определяет какие именно стили применить к элементу, если на него влияют сразу несколько css правил с разными селекторами. У какого правила это значение выше, то и применится для элемента. По-простому специфичность можно назвать […]
Делаем анимированное бургер меню без использования скриптов Для создания появляющегося гамбургер меню нам понадобится такая html структура: <div class=»menu»> <input type=»checkbox» id=»burger-checkbox» class=»burger-checkbox»> <label for=»burger-checkbox» class=»burger»></label> <ul class=»menu-list»> <li><a href=»#» class=»menu-item»>Главная</a><li> <li><a href=»#» class=»menu-item»>О нас</a><li> […]
Верстаем бургер кнопку Добавляем в html кнопку с классом burger <button class=»burger»></button> Далее идем в CSS и задаем размер нашей кнопке и сбрасываем стандартные стили фона и границ. Верхнюю и нижнюю линии мы создадим с […]
Разработка адаптивной типографики может сбить с толку. Какие единицы вы должны использовать для размера шрифта: px, em, rem, vw? Как вы можете убедиться, что ваши шрифты доступны? И что такое гибкая типографика? В этой статье […]
В любом дизайне сайта используются картинки. Но мало кто задумывается над вопросом а когда именно при верстке макета стоит применять html тег img, а когда css свойство background-image? Есть ли между ними вообще различие? На […]
Плавающими будем называть такие элементы, которые обтекаются по контуру другими объектами веб-страницы, например, текстом. Правильнее говорить «обтекаемые элементы», но с другой стороны термин «плавающий элемент» давно уже прижился, так что его и буду использовать в […]
Maksis.ru © 2025 | При использовании материалов сайта активная ссылка на Maksis.ru обязательна.