CSS - Страница 120

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

Я попробовал плагин Tailwindcss-safe-area, он не работает.
Вот мой основной код:...

В этом примере HTML дочерний гибкий элемент B расположен рядом с A , несмотря на то, что родительский элемент имеет гибкое направление столбца.
Удаление высоты: 100% дочернего элемента B , изменение контейнерного гибкого направления на столбец или...

Я столкнулся с проблемой в z-index: я создаю пустой элемент div и устанавливаю все его свойства, как показано ниже, но, тем не менее, это не работает с блоками и не выходит за рамки

// Boxes
.boxes {
display: grid;
grid-gap: 70px;...

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

Можно ли изменить className идентификатора с плавным переходом между элементами?
Используя CSS Transition? или Изменение непрозрачности .mdi-star?

function changeFavButtonClass(){
if ( document.getElementById( fav_button_icon ).className == 'mdi...

Я хотел бы создать что-то вроде домашней страницы этого сайта:
В основном галерея перемещается в зависимости от положения мыши. Интересно, есть ли библиотеки, которые это делают? Если нет, то как я могу добиться этого эффекта с помощью JavaScript?...

Я пишу персональный веб-сайт самостоятельно, но столкнулся с проблемой, которую долго не решал:
В темном режиме всегда вспыхивает светлый фон (может быть, FOUC?). Вот соответствующие источники:
Это часть моего файла index.css Tailwind CSS v4....

В этом примере HTML дочерний гибкий элемент B расположен рядом с A , несмотря на то, что родительский элемент имеет гибкое направление столбца.
Удаление высоты: 100% дочернего элемента B , изменение контейнерного гибкого направления на столбец или...

Итак, это мой код:

PONIQUE.SE :: Official Pony SIM

@import url('
* {
margin: 0 auto !important;
padding: 0;
background: peru !important;
font-family: Josefin Sans , sans-serif !important;
}
body {
text-align: center;
color:...

Я пишу персональный веб-сайт самостоятельно, но столкнулся с проблемой, которую долго не решал:
В темном режиме всегда вспыхивает светлый фон (может быть, FOUC?). Вот соответствующие источники:
Это часть моего файла index.css Tailwind CSS v4....

Я использую шрифт Google almarai с простым контролем ввода
и моя рабочая среда следующая:

Windows 10, последняя версия браузера Edge

Последняя версия Next.Js + Tailwind CSS + Shadcn

CSS-коды -> globals.css

Страницы написаны шрифтом script...

Как настроить размер компонента VueDatePicker? Я хочу, чтобы оно было больше. Я пытался использовать высоту через CSS, но переместил компонент вверх вместо увеличения размера по вертикали. Даже настройка размера шрифта перемещает компонент....

Я смотрел этот видеоурок о том, как создать веб-сайт с параллаксом. Все шло хорошо, пока я не добрался до строки 44 моего файла index.html: Moon.style.left = value * 1.05 + 'px'; Кода ошибки не было, он просто не делал того, что делал в видео в...

3 кнопки в одном элементе div без пробелов и полей. У меня есть родительский элемент div, который действует как контейнер для трех смежных кнопок полной ширины (без пробелов в структуре HTML). Я добавил прослушиватель событий одиночного щелчка в...

Я пишу персональный веб-сайт самостоятельно, но столкнулся с проблемой, которую долго не решал:
В темном режиме всегда вспыхивает светлый фон (может быть, FOUC?). Вот соответствующие источники:
Это часть моего файла index.css Tailwind CSS v4....

Итак, это мой код:

PONIQUE.SE :: Official Pony SIM

@import url('
* {
margin: 0 auto !important;
padding: 0;
background: peru !important;
font-family: Josefin Sans , sans-serif !important;
}
body {
text-align: center;
color:...

Я пишу персональный веб-сайт самостоятельно, но столкнулся с проблемой, которую долго не решал:
В темном режиме всегда вспыхивает светлый фон (может быть, FOUC?). Вот соответствующие источники:

Репозиторий GitHub.

Это часть моего файла...

Я также пытался использовать src: local( ) для связывания файла шрифта, но это тоже не работает.
Была проблема с именем семейства шрифтов, не совпадающим с фактическим именем файла, которое было странным, но с тех пор было решено, теперь я...

Я создаю игру-головоломку, в которой пользователь с помощью щелчков мыши перемещает «ячейки» или числа в правильном порядке.

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

Теперь...

Я использую шрифт Google almarai с простым вводом HTML, но почему этот шрифт обрезает некоторые буквы, как показано на изображении ниже

Я попробовал этот CSS, но он вообще не работает, даже Ай не смог в этом разобраться

@import url('...

Я пытаюсь создать веб-сайт, на котором логотип находится слева, а текст справа (рядом с изображением логотипа), и все это находится над панелью навигации, однако мне вообще не удается разместить их на месте!

.headerLogo {
float: left;
margin-top:...

Я учусь разрабатывать настольные приложения с помощью tauri (v2) и не могу осознать возникшую у меня проблему со стилем/css.
Я создал собственную версию приложения для рисования Draw.io локально и встроил ее в свое приложение tauri, которое содержит...

У меня есть сетка флексбоксов с изображениями произвольной ширины:

Мне хотелось бы растянуть элементы каждой строки на всю ширину, чтобы избавиться от пробелов. Как мне добиться этого с помощью CSS?

justify-content , похоже, не очень...

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

// friendlist code.......

И CSS:

#main_fb {...

Мой вопрос: учитывая целевой цвет RGB, какова формула перекрашивания черного цвета ( #000 ) в этот цвет, используя только фильтры CSS?

Чтобы ответ был принят, необходимо предоставить функцию (на любом языке), которая будет принимать целевой цвет в...