CSS - Страница 14

У меня есть элемент div, который я пытаюсь разместить справа, но проблема не в этом. Когда я устанавливаю высоту на 90 %, высота не меняется.

html { фон: линейный градиент (слева, #19e5e2f1, #0a60f5); фоновый повтор: без повтора; фоновое...

мой CSS не работает:

.arthur{ ширина: 100%; высота: авто; } .легкий { цвет фона: #4CAF50; } .середина { цвет фона: #FFC107; } .myButton { фон: линейный градиент (вниз, #44c767 5%, #5cbf2a 100%); цвет фона: #44c767; граница-радиус: 28 пикселей;...

Переход при изменении макета
У меня есть родительский контейнер с двумя дочерними элементами внутри: child1 и child2. Родительский контейнер имеет свойство отображения, установленное на «flex» с направлением «строка», но для экранов размером более...

Мне нужно центрировать элемент div для мобильных устройств. Это мой сайт: На мобильных устройствах div описания перемещается влево. Я пытаюсь использовать медиа-запросы, но это не работает. Что я делаю не так? На ПК все ок. Это фрагмент моего кода:...

когда я сегодня открываю vs code, все файлы, измененные вчера, теряют изменения и создают новый файл с тем же именем плюс -Omar-Alhaj, и в новом файле есть последние изменения, эта проблема возникла во всех моих веб-папках

вот такие

Можно ли иметь два последовательных элемента div с одинаковым стилем, которые дают разные результаты, если их тексты объединены в один? Итак, предположим, что у нас есть:

var x = ; //любая допустимая строка атрибутов CSS, кроме «display» var style...

Пример ниже скрывает надпись «Выполняется» внутри элемента span. Как я могу это показать? Я использую усечение текста. На выходе это выглядит так: «Песня на день рождения Песня на день рождения...» Результат должен быть таким: «Песня на день...

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

Есть ли способ заставить курсор принять определенный стиль, например захват, перемещение и т. д.? И под словом «сила» я имею в виду СИЛУ! Не имеет значения, перетаскиваю ли я что-то в данный момент или нахожусь над определенным элементом, или мой...

У меня неизвестное количество дочерних элементов в контейнере:

Элемент 1 Пункт 2 Пункт 3 Пункт 4 Пункт 5… Я хотел бы разместить эти элементы в двух столбцах так, чтобы они отображались:

Пункт 1 Элемент 4 Пункт 2 Пункт 5 Пункт 3 Я не могу...

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

Я использую CSS (здесь для краткости — Tailwind), чтобы заставить гибкого дочернего элемента находиться на отдельной строке в портретном режиме, создав гибкий контейнер flex-wrap и изменив дочерний элемент порядок должен быть последним, а ширина -...

С помощью CSS я создал экран, разделенный на 4 раздела, и при наведении на каждый раздел мне нужно размыть фон и показать текст в середине раздела. Мне не удалось добиться ожидаемого результата.

function onSplitLeftEnter(event) { if (event.target...

Я использую Boostrap 5 в своем проекте и элементы с такими классами, как btn-primary, text-success и т. д. В Boostrap класс -primary представлен синим цветом, -success — зеленым и так далее. Мне нужно иметь возможность изменить цвет этих классов по...

где фрагмент?

Я хочу установить полосу прокрутки только на части тела. не rheader и chheader.

если я установлю переполнение: прокрутка; в тело div, отдельные полосы прокрутки на каждом теле div. это не я хочу. одна полоса прокрутки по всему...

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

:root { /*--tintColor: красный;*/ } .текст { цвет синий;...

Есть ли способ упростить такую ​​структуру

$padding: 1rem; ул а { отступ слева: 0 * $padding; } ул ул а { отступ слева: 1 * $padding; } ул ул ул а { отступ слева: 2 * $padding; } ул ул ул ул а { отступ слева: 3 * $padding; } Это не совсем...

Я пытаюсь создать таблицу, содержащую изображения и имена, аккуратно упакованные на одну печатную страницу формата А4. Изображения и имена извлекаются из базы данных с помощью вызова List Rows. Однако наиболее близкий вариант выглядит в браузере...

Я программирую на laravel и vue по инерции, поэтому при аутентификации в системе макет аутентификации образует пространство с заголовком страницы, как я могу это решить

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

Сейчас я создаю веб-сайт и, очевидно, хочу, чтобы он хорошо выглядел, и было бы здорово, если бы на нем был 3D-текст. Спасибо за помощь. Кроме того, это CSS, который у меня сейчас есть для моего текста: p, ol{ цвет: красный; И некоторые семейства...

Я столкнулся с проблемой при попытке создать адаптивное меню или кнопку раскрывающегося списка с помощью Bootstrap 5. Кажется, все в порядке. Появляется значок навигации и значок раскрывающегося списка. Но он не работает. Когда я нажал кнопку Значок...

Мой код выглядит так:

1 2 3 Это дает мне три кнопки, и это то, что мне нужно. Я хотел бы сделать кнопки выше. Если это вообще возможно, я бы предпочел не указывать высоту в пикселях, чтобы она могла лучше масштабироваться под разные размеры...

Я застрял на создании эффекта затухания CSS в форме волны, который я нашел на Hape.io. Чтобы дать ссылку на него, я прикрепил этот фрагмент видео.

Итак, по сути, я пришел к выводу, что они используют холст для создания волнообразного эффекта при...

У меня есть флексбокс слева направо:

.wrapper { дисплей: гибкий; гибкое направление: строка; выровнять-элементы: растянуть; ширина: 100%; высота: 70вх; минимальная высота: 325 пикселей; максимальная высота: 570 пикселей; } .wrapper>.left { фон:...

У меня есть этот образец:

ссылка

HTML-код:

КОД JS:

функция cardFormat(){ var format_card = $(this).val().replace(/(\d{4})(\d{4})(\d{4})(\d{4})/, $1-$2- $3-$4 ); if ($(this).val() == '' || $(this).val().match(format_card) ||...