CSS - Страница 645

Я видел имена в квадратных скобках в CSS сайта:
/* simplified example */

body {
grid-template-columns:

20%

40%

20%

20%
;
}

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

Проблема в том, что если я растягиваю страницу/изменяю ее размер или использую другой браузер (я в основном работаю в Opera, в Chrome, например, он сломан), градиентный фон изменяется и растягивается, и он исчезает с моего изображения, и это...

Я знаю, что в JavaFx можно стилизовать 2D-элементы с помощью Css. Мне было интересно, можно ли добиться того же самого для 3D-объектов.

Я считаю, что хорошей практикой является держать код стиля отдельно от Java (логики). код.

Вопрос: Может ли...

Я использую node-canvas для создания изображения с пользовательскими шрифтами. Я включил файл .ttf и зарегистрировал его с помощью RegisterFont, но шрифт неправильно применяется к тексту на окончательном изображении. Вот упрощенная версия моего...

Могу ли я импортировать и использовать имена шрифтов с умлаутами, не игнорируя/удаляя умлауты из имени?
Я импортирую следующим образом:
// in HTML

// in fonts.css

@font-face {
font-family: 'Söhne';
src: url(' format('woff2');
}

Когда я...

Мне нужно создать адаптивную сетку.

Сетка должна меняться в зависимости от количества элементов (а не от размера экрана).

От 5 до 6 предметов должно быть 2х3,

от 7 до 9 предметов должно быть 3х3,

от 10 до 12 предметов должно быть 3х4,

от От 13...

Я пытаюсь добиться этого.

Но согласно этому JSFiddle коробка находится не совсем посередине, что бы я ни делал, она всегда выглядит немного не так! Кроме того, я изо всех сил стараюсь, чтобы они не перемещались при наведении курсора....

Я знаю, что можно получить значения внутреннего текста с помощью JavaScript в файле HTA, как в примере ниже:

.testCss::after {
content: I want to pull this with javascript ;
}

Some inner text that will be pulled

var test2 =...

Я разрабатываю адаптивный контент для баннера на главной странице сайта WordPress, и что бы я ни делал, стиль CSS не работает. Я пытаюсь создать стиль для iPhone 11, размер области просмотра которого составляет 414 x 896. Я использую метод...

Очевидно, это что-то более сложное, но мне бы хотелось четкого и простого описания.
net/AJ9Kby78m.png

Я пробовал использовать макет сетки и флексбокса, установил «align-self: center» в правом поле, но ничего не происходит, попросил ChatGPT и...

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

В CSS я вручную расположите текст через каждые 8,33% от @keyframes.
Мне не удалось сделать это для полного...

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

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

У меня есть изображение с двумя кнопками на одной линии. Если бы мне пришлось разрезать изображение пополам по вертикали, у меня теперь есть два изображения, которые я могу связать, но вопрос в том, как мне настроить это в sendgrid, чтобы оно не...

Вот код

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

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

Я успешно это сделал, прослушав сочетание клавиш CTRL + / CTRL - и...

Я пытаюсь воспроизвести шрифты, используемые в документации PyData. Пользовательский стиль CSS взят непосредственно с их веб-сайта, однако мой заголовок отображается другим шрифтом. В документации PyData используется полужирный шрифт Segoe UI, а в...

Этот селектор:
cy.get('.mat-mdc-row :has(.mat-column-categories>span) .mat-column-actions button ')

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

Я создаю очень простой веб-сайт на сайте Cargo.site. Я использую Cargo 3. Я без проблем закодировал этот код, и все работает в режиме редактирования. Когда я публикую сайт, кажется, все работает, за исключением JavaScript, который должен открывать...

Здравствуйте, у меня есть кнопка, которая прикреплена к левому нижнему углу, но по какой-то причине занимает все пространство. Отображение комментариев: столбцы flex и flex-direction: в .todo-list не позволяют кнопке «плюс» оставаться прикрепленной...

Я пытался использовать left:calc(width:/2);, но это не сработало. есть ли способ использовать «calc» для управления левыми и правыми свойствами CSS?
Я также пробовал использовать webkit, но это не сработало.

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

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

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

При использовании элементов ввода и кнопок внутри гибкого контейнера свойства flex и/или flex-grow, похоже, ничего не делают.

Код, демонстрирующий мою проблему.

button,
input {
font-size: 1rem;
}

button {
border: none;
background-color: #333;...

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