Flexbox и позиционирование элементов — это важные концепции в веб-разработке, которые позволяют создавать гибкие и адаптивные макеты для сайтов. Но что это такое и как они работают? Flexbox — это технология CSS, которая позволяет управлять расположением элементов на…
Метка: HTML и CSS
О вёрстке и стилевом оформлении.
Часы на сайте
Хотите установить часы на сайте? В этой короткой заметке я расскажу, как это сделать. В современном мире, где всё больше людей путешествуют и работают удаленно, важно иметь на своем сайте функцию отображения времени в зависимости от часового пояса…
Расстояние между кнопками и анимация
Как увеличить расстояние между кнопками, например в 10px? Для увеличения расстояния между кнопками на 10px можно использовать CSS свойство margin. Например, если у вас есть кнопки с классом button, то вы можете добавить следующее правило в ваш CSS…
Блок по центру внутри другого блока на CSS
Чтобы разместить блок по центру по вертикали внутри другого блока, можно использовать свойство display: flex; для родительского блока и свойства align-items: center; и justify-content: center; для дочернего блока. Вот пример кода: В этом примере свойство display: flex; для…
Блочный элемент div внутри строчного элемента a
Чтобы поместить блочный элемент div внутри строчного элемента a, нужно добавить свойство display: inline-block; к блочному элементу div. Вот пример кода: В этом примере блочный элемент div находится внутри строчного элемента a, и благодаря свойству display: inline-block; он…
Двойная стрелка вверх на CSS
Последнее обновление — 23 июня 2023 в 16:04Из этой заметки вы узнаете, как отобразить двойную стрелку вверх при помощи CSS и HTML. Иногда требуется изобразить на сайте в качестве элемента его дизайна стрелочку. Но для этого совсем не…