Header Image

Метка: HTML и CSS

О вёрстке и стилевом оформлении.

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Как добавить вёрстку в проект с помощью JavaScript

Последнее обновление — 23 июня 2023 в 17:33Чтобы добавить верстку в проект с помощью JavaScript, вы можете использовать методы DOM (Document Object Model). DOM представляет HTML-документ в виде дерева объектов, которые можно изменять с помощью JavaScript. Например, чтобы…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Один элемент на фоне другого в CSS

Последнее обновление — 23 июня 2023 в 23:35Посмотрим, как разместить один элемент сайта на фоне другого в CSS. Мы можем использовать свойство background для задания фона элемента и свойство z-index для управления положением элемента по оси Z. Например,…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Как вывести букву i кодом CSS

Последнее обновление — 28 июня 2023 в 19:40Для вывода буквы «i» в CSS можно использовать псевдоэлемент ::before или ::after и задать ему контент «i». Вот пример CSS кода для вывода буквы «i»: В HTML коде нужно добавить элемент…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Как сделать иконку «Гамбургер» на CSS

Последнее обновление — 4 июля 2023 в 18:26В этой короткой заметке покажу, как сделать иконку «Гамбургер» на CSS. Три параллельные горизонтальные полоски, или как их еще называют «Гамбургер», обычно используется для обозначения меню на сайте. На одном из…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Подсчёт количества дней между датами

Привет! Для того, чтобы найти количество дней между двумя датами на JavaScript, можно использовать объект Date и метод getTime(). Вот пример кода: В этом примере мы создаем два объекта Date для даты начала и конца периода, затем находим…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Как выделить текст на HTML-странице

Существует несколько способов выделения текста на HTML-странице. Рассмотрим наиболее популярные из них: Тег strong — выделяет текст жирным шрифтом и подчеркивает его. Пример: Это выделенный текст. Тег em — выделяет текст курсивом и подчеркивает его. Пример: Это выделенный…