CSS

Я не понимаю, как создать элемент 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;...

Я новичок в веб-разработке и сейчас изучаю React.js. Я узнал о том, как создавать компоненты в React и придавать им стили.

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

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

Я пытаюсь настроить стиль для способа оплаты шлюза полосы (кредитная карта), я использовал это руководство
, но с моим кодом все еще возникают некоторые проблемы:
CSS
.woocommerce form .form-row input.input-text {
padding: 17px 0 16px 24px;
}...

Это мой первый сайт на WordPress почти за 10 лет. Я немного заржавел. Я собираюсь использовать CSS для изменения платежного шлюза WooCommerce/Stripe. Кажется, я не могу найти элемент, который мне нужно изменить.
Страница, над которой я работаю,...

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

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

Я только что закончил свой проект реагирования и использовал там этот фрагмент кода для отображения PDF-файла при нажатии кнопки:
import Pdfbivykell from
'../assets/katalogovelisty/fitness/14bicykel.pdf';

Katalógový list

и дело в том, что когда...

Я пишу это в реакции.js и понятия не имею, что происходит. Я использую unirest для вызова API, но выборка не работает, поэтому мне кажется, что я делаю что-то неправильно в операторе выборки.

unirest.get(
.header( X-Mashape-Key ,...

Florida Tempatations

logo.png

HOME
ATTRACTIONS
ABOUT US

index.html^^
fetch('attractions.json')
.then(response => response.json())
.then(data => {
const list = document.querySelector('attractions');...

Я создал приведенный ниже код, чтобы добавить свое значение txt в localStorage. Я могу добавить значение с помощью этого кода, но у меня есть дополнительные требования. Мне нужно получить разные значения txt1 как разные элементы в строке локального...

Я новичок в веб-разработке и использую XMLHttpRequest() в JavaScript для получения данных из API. Я пытаюсь создать переменные из данных, но получаю сообщение об ошибке, когда пытаюсь сделать следующее. Кто-нибудь знает, что не так со строкой var...

Я совершенно новичок в JavaScript, и у меня возникла небольшая проблема.
Когда я пытаюсь получить значение элемента, оно работает правильно (консоль показывает значение нормально), но когда я пытаюсь добавить эту переменную в JSON, появляется...

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

Когда я набираю поле ввода первой строки 3, эти значения отображаются в поле ввода отображаемого имени.

var output = $('.keyupDisplay');

$('.keyupName').keyup( function() {
output.val(function () {
return $('.keyupName').map(function () {...

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

У меня возникла небольшая проблема, которую я не смог решить. У меня есть ползунок, и я хочу изменить URL-адрес при нажатии кнопок «Предыдущая» и «Далее». Вот мои коды ниже, но они работают неправильно. Каждый раз, когда я нажимаю кнопку, URL-адрес...