CSS - Страница 143

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

td {
max-width: 600px;
}

pre {
margin: 0;
}

pre,
.grey {
line-height: 100%;
}

.container {
display: flex;
flex-direction: column;
overflow-x: scroll;
}

.container>* {
min-width: 100%;
}

.container pre {
width: max-content;
overflow-x: visible;...

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

и на...

Я пытаюсь создать вложенное всплывающее окно, использующее только CSS, с помощью API popover.
Чтобы упростить задачу, я добавил кнопку, которая открывает всплывающее окно, а внутри этого всплывающего окна — несколько кнопок, которые открывают второе...

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

и на...

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

У меня есть документ .html со стилем и скриптом, но когда я просто помещаю его в папку и открываю с помощью визуального кода студии, это не работает

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

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

Мне дали html-файл, написанный с использованием TailwindCSS, и я пытаюсь понять, как преобразовать все его содержимое в собственный CSS.
Я нашел преобразование, которое просто выполняет класс, но требует от меня вручную извлечь тысячи классов из...

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

This is a speech bubble created using only CSS. No images to be found here...

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

У меня проблема: мой CSS где-то неправильный. В Safari и Firefox работает. Я предполагаю, что это как-то связано с моей компоновкой сетки. Я новичок в CSS-сетках, до того, как использовал начальную загрузку. Моя проблема в том, что отступы работают...

Мне дали html-файл, написанный с использованием TailwindCSS, и я пытаюсь понять, как преобразовать все его содержимое в собственный CSS.
Я нашел преобразование, которое просто выполняет класс, но требует от меня вручную извлечь тысячи классов из...

Во-первых, я хотел бы извиниться за свою грамматику. Я француз (и, как я уже сказал, французский su** в грамматике, но я пытаюсь улучшить себя)
У меня есть таблица с массивом, который автоматически генерируется при загрузке списка Excel. Созданная...

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

Как удалить пробел перед заголовком в Word Press двадцать три
Привет!
Я просмотрел все возможные ресурсы и потратил более 6 часов, просто пытаясь правильно настроить интервал между заголовками, может ли кто-нибудь помочь?
Какой собственный CSS я...

У меня есть веб-сайт, размещенный на GitHub Pages.
Я хочу избавиться от пространства между изображением и его легендой. Пробовал играть с отступами и полями для элементов ссылки, но безрезультатно. Что именно мне следует делать?

Предполагаемый...

У меня есть компонент в Svelte, для которого я хочу использовать переход.
Однако этот компонент не готов в момент его монтирования (он содержит холст, которому требуется несколько кадров для полного завершения), что вызывает у меня некоторые...

У меня возникли серьезные проблемы с запуском простейшего кода. Я хочу, чтобы мой горизонтальный список CSS был центрирован, вот и все.
У меня есть этот код:
#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
}...

Я пытаюсь создать базовый стартовый проект Tailwind, и когда я пытаюсь запустить команду npm run build или npm run watch , внесение изменений занимает около 30–60 секунд. Вот моя настройка:
package.json:
{
name : base ,
version : 1.0.0 ,...

У меня есть компонент в svelte, для которого я хочу использовать переход.
Однако этот компонент не готов в момент его монтирования (он содержит холст, которому требуется несколько кадров для полного завершения), что вызывает у меня некоторые...

Я понимаю, что requestAnimationFrame() очень полезен при запуске анимации, свойство стиля которой постоянно меняется с течением времени.

const e = document.getElementById('e');
let count = 0;

function move(timestamp) {
e.style.left = ++count +...

Нам необходимо модернизировать нашу тему, чтобы избежать ее устаревания и проблем с безопасностью. Таким образом, мы обновляем многие пакеты узлов, включая webpack и sass. У меня возникли проблемы с наследованием.
Меня очень смущает то, как вы...

Есть ли какой-либо кросс-браузерный способ выделить курсивом выбранные параметры?

С помощью следующих CSS и HTML FireFox показывает второй вариант курсивом, но не третий.

Ни один из вариантов не выделен курсивом в IE 7 или Safari.

option.bravo...

Если у меня есть следующее правило 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;
}

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

Я пытаюсь сделать простое переключение темного/светлого режима с помощью JavaScript.

Приведенный ниже код работает, но я не уверен, правильно ли он написан или существует более лучший/чистый подход.
В частности, я хотел бы знать:

Правильна ли...