CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.
Кнопку вверху изображения и по вертикали и по горизонтали по центру Я использую margin , но работаю некорректно
без использования маржи
<html>
<head>
<style type="text/css">
.box-cover{
width:100%;
height:80vh;
}
butto....
У меня отличное меню в HTML / CSS
Моя проблема в том, что bootstrap искажает меню, когда я добавляю ссылку Bootstrap.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6j....
У меня есть svg, который содержит точки. Я пытаюсь заставить эти точки пульсировать. Ниже приведен пример эффекта, которого я пытаюсь достичь:
.blob {
background: black;
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
margin: 10px;
height: 20px;
width: 20px;
transform: sc....
1
На загрузку изображения уходит меньше времени, если на веб-странице использовалась только его часть?
Мне пришло в голову, что у вас есть контейнер 2x2 grid с каждым элементом сетки как div. Теперь вы будете использовать одно изображение, например, только верхнюю левую часть изображения для первого div, верхнюю правую часть для второго div. Это то же самое, что загрузка изображения четыре раза и....
27 Ноя 2021 в 19:57
Я разрабатываю простую игру (похожую на Blockly and Scratch), которая включает перетаскивание. В настоящее время я могу перетащить кнопку в целевой контейнер. Однако кнопка полностью переносится в другой контейнер. Я хочу добиться чего-то вроде копирования-вставки - из одного контейнера в другой ....
27 Ноя 2021 в 18:59
Я сейчас изучаю JS и пытаюсь сделать следующее:
Я создаю сетку html, каждая ячейка помечена классом cell, который не придает ей цвет фона. Когда я отмечаю ячейку (например, щелкая), код JS добавляет к ней класс colored, который придает ей цвет фона:
.colored{
background-color: black;
}
Теперь ....
27 Ноя 2021 в 17:54
Я пытаюсь создать кнопку с помощью CSS, в которой дизайн добавляет тень блока, чтобы обрамить правую часть, которая остается на месте со значком. При наведении курсора кнопка расширяется вправо, создавая эффект, будто вы тянете вкладку. Однако я борюсь с элементом добавления значка.
РЕДАКТИРОВАТЬ....
это мой код: я загрузил bootstrap 5 и jquery 3.6, проблема в том, что когда я встраиваю их, кнопка раскрывающегося списка не работает, в моем коде чего-то не хватает?
<head>
<title>
Restaurant
</title>
<link rel="stylesheet" href="./bootstrap-5.1.3-dist/css/bootstrap.min.css">....
Рассмотрим файл login.html, например следующий:
<body>
<div class="container">
<form class="form">
<h1>Login</h1>
<input type="text" class="form__input" name="username" autofocus placeholder="Username" />
<input type="password" class="form__input" name="password" placehol....
27 Ноя 2021 в 14:32
Навигатор меняет ширину сайта. Не знаю почему. Я думал, что это из-за полей или отступов, но не смог найти способ исправить проблему. Я пришел к выводу, что это проблемы с жильем, но не знаю, почему. Пожалуйста помоги!
HTML код:
<div class="row">
<div class="col-md-2"></div>
<div....
27 Ноя 2021 в 13:41
Я новичок в JavaScript и пытаюсь преобразовать свое изображение из RGB в оттенки серого при прокрутке вниз и наоборот. Мне удалось сделать мое изображение серым при прокрутке, но я не возвращаюсь к изображению RGB.
Мой код для JavaScript:
let element = document.getElementById("image");
window.o....
27 Ноя 2021 в 13:23
Я использовал пространство между / space равномерно, чтобы попытаться получить равное расстояние между элементами, и он отлично работает. Я пытаюсь уменьшить пространство между ними после их равномерного разделения. Я не нашел рабочего решения. Я пробовал line-height и манипулировал полем, но это....
27 Ноя 2021 в 11:46
Итак, я хочу отобразить <li> элементов в строке. Но когда я использую свойство display:inline в CSS, маркеры становятся скрытыми. Я пробовал это из вопроса
HTML
<div class="list">
<ul class="list-inline">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
....
27 Ноя 2021 в 11:38
У меня есть api (https://api.daihan.top/api/acg) для Случайные изображения. Я использую его для фонового изображения веб-сайта в файле css. Я хочу использовать F5 для свежего веб-сайта, чтобы иметь новое фоновое изображение.
Но в моем коде использовать обновление не работает. Используйте обновлени....
Недавно я прошел обучение по созданию меню, которое я хотел использовать для сайта, который я собираю. Функциональность, похоже, работает, но у меня проблема с «leftIcon» в разделе «Мой профиль». Я считаю, что 'leftIcon' предназначен только для использования файла * .svg, и мне было интересно, как....
27 Ноя 2021 в 11:12
Я думал, что понял, как работают модули, но, видимо, нет
У меня есть вложенные стили scss / sass, которые я пытаюсь применить к элементу, но когда я добавляю эти несколько стилей к своему элементу, он не принимает ни одного из стилей, в то время как другие элементы, которые принимают только один кла....
27 Ноя 2021 в 10:50
Мне нужно сделать текст именно таким
Это означает, что граница должна находиться за текстом. Я много чего перепробовал и весь день искал в Интернете.
Если теперь как, пожалуйста, помогите мне)....
У меня есть двухкомпонентное изображение и представление. Я пытаюсь разместить их на экране, но его переполнение, и я не хочу реализовывать scrollView.
Проблема в том, что кнопка входа в Google выходит за пределы экрана.
Вот мой подход
<KeyboardAwareScrollView
showsVerticalScrollIndi....
27 Ноя 2021 в 06:30
У меня есть сайт, на котором будет отображаться много текста, когда он находится в нормальном размере экрана, он работает нормально, но когда я уменьшаю размер браузера до мобильного размера, текст ускользает от div, как показано здесь:
https://i.stack.imgur.com/LMPH7.png
Вот файл лезвия:
<div class....
27 Ноя 2021 в 01:47
У меня есть таблица стилей, которая по сути следующая:
.mainwindow {
.popup {
background: black;
}
}
@media screen and (max-width: 640px){
.mainwindow {
.popup {
background: red;
}
}
}
Он отлично работает в Firefox, IE и Edge, но не в Chrome, Brav....
27 Ноя 2021 в 00:33
Моя цель - сделать игру в крестики-нолики, но мне очень трудно выровнять метки x и o по вертикали и горизонтали.
Вот мой код, где «отмеченные» значения - это буквы:
ul {
display: flex;
flex-wrap: wrap;
width: 456px;
list-style: none;
padding-inline-start: 0;
}
li {
width: 150px;
hei....
27 Ноя 2021 в 00:18
Я пытаюсь выровнять две ячейки для ввода адреса. Тот, который является встроенным, я могу сдвинуть, но те, которые не являются, я знаю, как сдвинуть вправо. Если бы я мог получить обратную связь с творчеством, я был бы признателен.
.EMBody {
position: relative;
background-color: navajowhite;....
Я пытаюсь изменить внешний вид разделов кода на своем веб-сайте Joomla 4 с помощью шаблона Cassiopeia. Пример исходного кода HTML выглядит так:
<p>Trying to format a code section below.</p>
<pre><code>This is code line 1, starting at position 1
This is code line 2, starting at position 1 as well
Th....
26 Ноя 2021 в 23:13
У меня есть элемент панели переключения, над которым я работаю, и в настоящее время он работает правильно, чтобы стилизовать переключенную кнопку, но мне нужно больше анимации. Идея состоит в том, чтобы текущая активная кнопка перемещалась к той кнопке, которая была недавно активна. Поэтому визуал....
26 Ноя 2021 в 21:32
У меня есть шрифт, который я использую на всей своей веб-странице, и я хочу, чтобы элементы полосы соответствовали стилю. Я добавил шрифт в качестве источника CSS в конфигурацию, но он выдает ошибку и сообщает мне, что у него недопустимый символ. Я подозреваю, что это ~ в фактическом URL-адресе фа....
26 Ноя 2021 в 21:15
En Español