CSS - Страница 144

Если у меня есть следующее правило scss:
.hero-wrapper{
padding: g.$padding-main;
@include r.medium {
padding: calc(g.$padding-main / 2);
}
@include r.small {
padding: calc(g.$padding-main / 4);
}
padding-top: 0;
}

включает такие простые примеси...

У меня возникли проблемы с добавлением флексбокса с текстом, который переносится, когда ширина недостаточно велика.
Например, на большой странице:
Red Blue

И на небольшой веб-странице
Red
Blue

На самом деле:

Добавлен горизонтальный...

В Safari на iOS 26, когда страница прокручивается вниз и адресная строка сжимается внизу, область просмотра смещается по вертикали, что, в свою очередь, смещает положение элементов с «фиксированным» или «фиксированным» положением.
Пример кода:...

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

Насколько мне известно, CSS не является полным по Тьюрингу. Но мои знания CSS очень ограничены.
Является ли CSS Тьюринг полным?

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

Я новичок в React JS.
Моя проблема в том, что я хочу, чтобы меню исчезало, если мышь покидала эту область, поэтому я попробовал onMouseOut и onMouseLeave, чтобы закрыть меню, но кажется, что когда эта опция есть, меню никогда не открывается! Но...

Я создаю форму регистрации в React.
Я хочу отображать ошибки проверки (например, «Электронный адрес недействителен») таким образом, чтобы это было удобно, а не с помощью всплывающих окон или предупреждений.
Сейчас я использую это:
{error &&...

Я хочу поместить текст оранжевым цветом. Это h4, или просто нужно изменить его цвет.

Существует другое семейство шрифтов Roboto, но я не знаю, как использовать его без использования семейства шрифтов...

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

Насколько мне известно, CSS не является полным по Тьюрингу. Но мои знания CSS очень ограничены.
Является ли CSS Тьюринг полным?

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

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

Я работаю с 960gs (в своей локальной среде) и вставляю этот CSS-код в свой нижний колонтитул div:

## style.css

#footer{
background:url( images/footer.png ) repeat-x scroll top transparent;
height: 130px;
width:100%;
overflow:hidden;
}

##...

Я использую частично прозрачные CSS-спрайты (т. е. объект на изображении непрозрачен, фон прозрачен). Я хочу затемнить изображение с помощью CSS или Javascript. Мне нужно, чтобы изображения меняли уровни темноты, а создавать отдельное изображение...

У меня есть несколько страниц, которые я хотел бы настроить так, чтобы в некоторых случаях по умолчанию печаталась альбомная ориентация формата A4, а в других — книжная ориентация формата A3.

Основываясь на ответе в стиле печати css, я попытался...

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

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

Я не знаю, почему, даже если у меня есть ScrollView в моем index.tsx и я добавил к нему несколько стилей, например: overflowY: 'scroll'. На expoGo все работает корректно, а в сети нет.
Вот упрощенный Index.tsx:
// index.tsx
import HeroSection from...

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

У меня есть элемент div, который имеет элементы div с выравниванием по левому краю и элементы div с выравниванием по правому краю, каждый из которых находится на одной строке. Здесь используется display: flex с интервалом между столбцами: 1em и...

Стек = Django, PostgreSQL, TailwindCSS 4 с использованием Django-Tailwind (плагин DaisyUI) и Vanilla JavaScript
Мои пункты меню для настольных компьютеров (экраны LG и выше) во втором ряду располагаются вертикально. Я не понимаю, почему они не...

Мне интересно, можете ли вы добавить Bulma в лист HTML с существующим CSS. Текущий CSS — это просто стандартный style.css, и мне интересно, могу ли я просто связать Bulma с тем же тегом чуть ниже или выше него на том же листе.

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

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

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

ordered list item

ordered list item

Можно ли объединить селекторы, чтобы мне не приходилось...

Я разрабатываю проект Angular 16 с установленным Tailwind CSS V3. Я следовал официальной документации, и кажется, все работает; но я не могу понять, почему одни классы работают, а другие нет.
Например, у меня может быть такой фрагмент кода,...

Могу ли я в попутном ветре сделать условие, что если у родителя есть класс например «маленький», то у этого элемента будет использоваться свойство «p-0». Можно ли это реализовать, не прописывая все параметры в css, а используя что-то вроде этого:...

Стек = Django, PostgreSQL, TailwindCSS 4 с использованием Django-Tailwind (плагин DaisyUI) и Vanilla JavaScript
Мои пункты меню для настольных компьютеров (экраны LG и выше) во втором ряду располагаются вертикально. Я не понимаю, почему они не...