CSS - Страница 38

Цель того, что я делаю, — попытаться связать логотип команд с их шансами, потому что, если бы мне нужен был логотип из API, это стоило бы денег.
Как мы видим из следующего кода, я импортирую все свои изображения и экспортирую их как массив объектов,...

У меня есть компонент под названием counters, состояние которого выглядит примерно так:
state = {
counters: ,
};

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

В моем компоненте задачи в родительском div я пытаюсь сделать так, чтобы, когда для напоминания установлено значение true, в div добавлялся класс «напоминание», который просто добавлял левую границу. Если для напоминания установлено значение false,...

Были вопросы и статьи по этому поводу, но, насколько я могу судить, ничего убедительного. Лучшее описание, которое я смог найти:

flex-basis позволяет вам указать начальный/начальный размер элемента до того, как будет вычислено что-либо еще. Это...

Поскольку я использовал Visual Studio Code и IntelliJ еще в осеннем семестре 2024 года, я заметил большую разницу между ними обоими, поскольку Visual Studio Code в основном позволяет пользователям писать код для разработки программного обеспечения...

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

По умолчанию они используют CSS для раскрывающегося...

У меня есть сомнения по поводу манипулирования DOM.
Требует ли обновление dom-манипуляции? Или когда манипуляции с DOM требуют обновления? Я вижу, что некоторые сайты продолжают загружаться при обновлении некоторых своих частей.
Кроме того,
Как...

У меня есть этот компонент на веб-сайте React, над которым я работаю. Это iframe, созданный с помощью wall.io.
Стена
Это код:
import React from 'react';
import './Home.css';

const Wall = ({src}) => {
return (

);
}

export default Wall;

Я...

Как называется или как я могу сделать эффект прокрутки (когда происходит прокрутка, страница ведет пользователя в другой раздел страницы, не показывая полосу прокрутки) веб-сайта ниже:
Веб-сайт
И как это можно сделать, используя чистый CSS/js или...

Привет, сейчас я работаю над сайтом с горизонтальной прокруткой. Я новичок в JavaScript, но нашел код, который изменил в соответствии со своими потребностями.
Мне бы хотелось, чтобы элемент кнопки позиционировался закрепленным внутри элемента div,...

В проекте React файлы index.html и index.js находятся в разных папках, и между этими двумя файлами нет связи. Тогда как мы можем нацелить div, идентификатор которого является корнем HTML-файла, с помощью
используя document.getElementById( root )...

Я работаю над веб-сайтом и включил полноэкранное меню, которое открывается при нажатии на значок меню. Однако я столкнулся с проблемой, из-за которой элементы меню (кнопки) по-прежнему доступны для нажатия, когда меню закрыто.
Я использую React.js +...

Я новичок в веб-разработке, и мне дали задачу изменить язык веб-сайта, не меняя страницы. (Например, somesite.com/en/home для английского, somesite.com/jp/home для японского и т. д.). Я думаю, что нашел способ использовать React, но я не уверен,...

У меня есть хорошее расширение для Chrome («Window Resizer»), которое отображает размер области просмотра, но я не знаю, как очистить кеш в Chrome без использования мыши, поэтому я предпочитаю использовать Safari для разработки браузера.

Я немного...

Мне удалось заставить работать смахивание на мобильных устройствах, и оно работает и на настольных компьютерах (macOS и Windows) с помощью действия смахивания мышью/трекпадом. Но я не могу заставить его работать с помощью слайда мышью.
Есть ли...

Я не понимаю, как создать элемент div, в котором граница будет видна только на половине его ширины. Стиль границы представляет собой простой сплошной #000 толщиной 1 пиксель;
Однако я хочу, чтобы верхняя часть границы div не была видна повсюду (на...

Является ли div.container быстрее, чем .container ?
Знаете, как в jquery, если вы более конкретны в своих селекторах, он работает быстрее, поскольку он выполняет меньше итераций. Это относится к CSS?

Есть ли способ измерить производительность в...

Рассмотрим простую настройку флексбокса с двумя столбцами, используя flex: 1 (или flex: 1 1 0% ) как для левого, так и для правого столбца. Обычно столбцы имеют одинаковый размер.
Когда вы добавляете неравные отступы (см. фрагмент), столбцы больше...

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

Но при изменении ширины выводится следующее: :

Я хочу идеально...

Хотите использовать элемент стиля вshadowRoot.adoptedStyleSheets?

h1 { color: red }

customElements.define('test-elem', class extends HTMLElement {
constructor () {
super()
const shadow = this.attachShadow({ mode: 'closed' })...

Хочу спросить. В настоящее время я сталкиваюсь с требованием. Я надеюсь, что кнопка появится только тогда, когда в URL появится определенный параметр. Если такого параметра нет, кнопка будет скрыта. Я уже написал программу, но для эффективности...

Я использую Marp — инструмент для создания презентаций в формате уценки и преобразования их в PDF. На первом слайде у меня есть такой контент:

# Working with Virtual Box
images/logo.png

Все это выровнено вверху по центру. Я бы хотел, чтобы...

Поскольку я использовал Visual Studio Code и IntelliJ еще в осеннем семестре 2024 года, я заметил большую разницу между ними обоими, поскольку Visual Studio Code в основном позволяет пользователям писать код для разработки программного обеспечения...

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

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

.image-fader {
width: 300px;
height: 300px;
}

.image-fader img {
position: absolute;
top: 0px;
left: 0px;...