CSS - Страница 92

Document

html,
body {
height: 100%;
width: 100%;
margin: 0;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.row {
display: flex;
}
.cell {
min-width: 1 8 p x ; } & l t ; / s t y l e & g t ; & l t ; / h e a d & g t ; &...

Я работаю над кнопкой, используя HTML-структуру Elementor:

Click here

.elementor-button {
position: relative;
background-color: transparent;
overflow: hidden;
isolation: isolate;
display: inline-flex;
padding: 1.14rem 1.5rem;

&::before {...

Мне нужно создать контейнер с собственной формой границы — в частности, изогнутым выступом с левой стороны — и граница должна иметь линейный градиент (а не сплошной цвет). Форма должна выглядеть следующим образом:
(прикрепите сюда загруженный снимок...

Я использую слово «читать дальше» в конце абзаца просто для напоминания пользователю, такому же, как P.T.O.

Почему это проблематично?

Подробнее здесь:

Я пытаюсь создать галерею изображений с помощью Swiper.js. Вот чего я хочу:
1. В галерее отображается несколько изображений в сетке (например, 2 строки × 3 столбца, всего 6 изображений на слайде).
2. Когда я нажимаю кнопку «Далее» (расположенную на...

Мне нужно создать контейнер с собственной формой границы — в частности, изогнутым выступом с левой стороны — и граница должна иметь линейный градиент (а не сплошной цвет). Форма должна выглядеть следующим образом:
(прикрепите сюда загруженный снимок...

У меня есть элемент div #notes-div, к которому добавляется .notes через JQuery. Элемент div всегда выходит за пределы своего содержимого. Я пробовал width: fit-content, flex-shrink, но единственное, что действительно работает, — это установка...

Я пытаюсь создать галерею изображений с помощью Swiper.js. Вот чего я хочу:
1. В галерее отображается несколько изображений в сетке (например, 2 строки × 3 столбца, всего 6 изображений на слайде).
2. Когда я нажимаю кнопку «Далее» (расположенную на...

Нужна помощь со скрытием флажков. У меня есть форма, в которой около 12 меток (флажков). Мне нужно показать только около 5 в моем div, как мне скрыть остальное? Неважно, отмечены они или нет и какое значение они имеют, просто нужно показать любые 5...

Я пытаюсь создать галерею изображений с помощью Swiper.js. Вот чего я хочу:
1. В галерее отображается несколько изображений в сетке (например, 2 строки × 3 столбца, всего 6 изображений на слайде).
2. Когда я нажимаю кнопку «Далее» (расположенную на...

Итак, поскольку видимость контента сокращает время загрузки страницы за счет пропуска контента, которого нет в области просмотра, есть ли реальная причина, препятствующая его использованию во всех элементах DOM?
Вместо использования
.card {...

Сценарий использования
Я использую надстройку WebScrapBook для Firefox, чтобы отмечать части текста на веб-страницах.

Дополнение предлагает 12 различных текстовых маркеров, которые пользователь может индивидуально стилизовать с помощью кода CSS:...

см. изображение ниже. Я хочу добавить изображение в крайнее левое и верхнее положение экрана, чтобы текстовый процесс отображался справа от него.

Подробнее здесь:

У меня есть элемент div #notes-div, к которому добавляется .notes через JQuery. Элемент div всегда выходит за пределы своего содержимого. Я пробовал width: fit-content, flex-shrink, но единственное, что действительно работает, — это установка...

В моем HTML-документе есть , которым мне нужно манипулировать для создания анимации. Кроме того, мне нужно использовать его как изображение-маску для другого . Я всегда мог использовать маску-изображение: url( path/to/file.svg );, но проблема в том,...

Я создаю ввод с плавающей меткой, используя Tailwind/React. Плавающая метка — это абсолютно позиционированный внутри , и она использует :has(+ input:is(:focus,:not(:placeholder-shown))) для применения «плавающего» стиля, когда соседний находится в...

У меня есть сетка аккордеона с двумя столбцами. У меня возникла проблема: когда любой аккордеон открыт, он занимает высоту следующего столбца.
См. состояние по умолчанию для всех аккордеонов (все закрыты).

Здесь, на втором изображении, при...

Я скопировал именно этот код из компонента Flowbite:

Однако я хотел сделать такие вещи в компонентах:
import Navbar from '../../../components/Navbar/Navbar';
import Sidebar from '../../../components/Sidebar/Sidebar';
import Content from...

Tailwind CSS не создает классы для фона.
Когда я попытался создать простой класс, например bg-black, он не добавил его в файл output.css. Однако когда я временно добавлял туда что-то вроде сетки или гибкости, к выводу добавлялся класс. Это...

Как настроить VScode, чтобы при автоформатировании правила CSS содержали только одно свойство в одной строке? Вот ожидаемый результат:
.p-auto { padding: auto !important; }

.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}

Я уже...

Я новичок в HTML/CSS и пытаюсь изменить целевую страницу. Я почти понял, у меня есть только одна проблема, которую я не могу найти, как решить.
Я хочу переместить эту панель навигации в самый край левой части моего веб-сайта:

Я думаю, мне нужно...

В чем разница между фиксированной и абсолютной позицией? Я имею в виду, что если вопрос такой, что вам нужно убрать поле для нормального документооборота, могу ли я ответить как фиксированный, так и абсолютный?

Подробнее здесь:

разработчики. У меня возникла ситуация, когда элемент div с абсолютным расположением не покидает свою родительскую границу, а выходит за пределы родительской границы.
ниже приведен пример кода;

action
{!dropDown ? : }

{dropDown &&
Update...

У меня есть конкретное требование: мне нужно скрыть повторяющийся элемент только на страницах с нечетными номерами (или страницах :right в макете разворота), сохраняя при этом его видимым на всех страницах с четными номерами (или страницах :left)....