Метка: HTML и CSS

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

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

Блок по центру внутри другого блока на CSS

Чтобы разместить блок по центру по вертикали внутри другого блока, можно использовать свойство display: flex; для родительского блока и свойства align-items: center; и justify-content: center; для дочернего блока. Вот пример кода: В этом примере свойство display: flex; для…

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

Блочный элемент div внутри строчного элемента a

Чтобы поместить блочный элемент div внутри строчного элемента a, нужно добавить свойство display: inline-block; к блочному элементу div. Вот пример кода: В этом примере блочный элемент div находится внутри строчного элемента a, и благодаря свойству display: inline-block; он…

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

Двойная стрелка вверх на CSS

Последнее обновлене — 23 июня 2023 в 16:04Из этой заметки вы узнаете, как отобразить двойную стрелку вверх при помощи CSS и HTML. Иногда требуется изобразить на сайте в качестве элемента его дизайна стрелочку. Но для этого совсем не…

пр. Мира 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 коде нужно добавить элемент…