CSS - Страница 341

Я делаю эффект падения для страниц для моего веб -сайта портфеля. Все остальное работает, но зависание нет. Я добавил UL и использовал Li, как обычно, но он не работал. .container {
padding: 10px 10%;
}

nav {
display: flex;
align-items: center;...

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

Я использую Weasyprint с Fastapi и Jinja2, чтобы генерировать резюме PDF из структуры данных JSON. Резюме отображается как HTML с использованием шаблона Jinja2 и преобразуется в PDF с Weasyprint. Моя цель - убедиться, что PDF всегда представляет...

#container {
border: 5px solid #990000;
border-radius: 10px;
}

#column1-wrap {
float: left;
width: 100%;
}

#column1 {
background-color: cyan;
margin-right: 200px;
}

#column2 {
background-color: lime;
float: left;
width: 200px;
margin-left:...

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

Согласно вышеуказанному изображению, вы можете увидеть, если мы применим свойство Zoom Property или Scale Property. Он показывает белый разрыв в области ресурсов.
Я применяю CSS на странице, как ниже
.myClass{
zoom: 80%;
}

Еще одна вещь, чтобы...

Я просто хочу увеличить изображение. Мне нужно автоматически дать высоту моего списка продуктов, потому что он не отзывчив, но когда я делаю это, контейнер растягивается, как я могу избежать этого? .zoom-img {
width: 300px;
height:auto;
overflow:...

Привет, ребята, я немного новичок в Web Dev, и я пытаюсь создать свой веб-сайт портфолио в качестве учебного проекта, я структурировал его в режиме рабочего стола, и когда я начал использовать медиа-Queries для отзывчивости, я столкнулся с...

logo.png

Home
About
Services
Portfolio
Contact

/css
.container{
padding: 10px 10%;
}
nav{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
nav ul li{
display: inline-block;
list-style: none;...

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

css...

Как разместить текст в середине div?

javascript solution также приемлемо. Но не в середине ромба.

div.box {
--s:450px;

height: var(--s);
width: var(--s);
clip-path: polygon(0 50%,50% 100%,100% 50%,50% 0);
background: #333;
color:#fff;...

Я строю местное слайд -шоу HTML для свадьбы. Он работает в автономном режиме-я хочу иметь возможность дважды щелкнуть Index.html и иметь его работать без настройки сервера. Изображение наложений не показывает-на экране просто черный в течение этого...

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

Как разместить текст в середине div?

javascript solution также приемлемо. Но не в середине ромба.

div.box {
--s:450px;

height: var(--s);
width: var(--s);
clip-path: polygon(0 50%,50% 100%,100% 50%,50% 0);
background: #333;
color:#fff;...

Я хочу создать ту же анимацию, которая представлена ​​в M3 Express Design от Google. Это ссылка, если внимательно посмотрите на Profile Pic и как его анимировали анимированную форму маски во время загрузки. Как мы можем сделать это, поскольку маска...

Я хочу изменить направление ребенка, не затрагивая других детей.
enter code here

Reassignment 4
* {
box-sizing: border-box;
}

.parent {
width: 500px;
height: 500px;
margin: 50px auto;
background-color: #eee;
display: flex;...

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

Welcome to Sega Online

body {
height: 100%;...

Я работаю с федерацией модулей webpack и React , и я сталкиваюсь с проблемой, в которой CSS Grid удаляется из DOM, когда его компонент (внутри Ant Design Bersion ). />
React (app Router)
Webpack 5 + Federation
Дизайн муравья (компонент ящика)...

У меня есть разметка, которая использует встроенные стили, но у меня нет доступа к изменению этой разметки. Как переопределить встроенные стили в документе, используя только CSS? Я не хочу использовать jquery или javascript.

html:

Hello World,...

Я новичок в веб -разработке, и есть кое -что, что я очень использую в Mobile Dev, и я хотел знать, применимо ли это к веб -разработке (HTML, CSS и JavaScript).
это в основном кодовая повторная задача, но в этом случае я хочу передать данные...

Вот фиктивный кусок кода в качестве примера:

Я пытаюсь стилизовать детей при падении их родителей.
, кроме того, я хочу сделать это с селектором Nth-Child.#parent:hover #childA {
/* styling stuff */
};

Но все сломается, когда я пытаюсь...

Я не могу понять, почему этот заголовок и текст выглядят по -разному, хотя у них оба одинакового шестигранного цвета. Я имею в виду «создание магии» и все, что вы видите ниже, если вы посмотрите близко, они как бы выглядят как разные цвета. Почему?...

Я использую Oupflow-x: Auto , чтобы включить прокрутку при необходимости (см. Рисунок ниже). Но добавление этого свойства CSS также добавляет случайные границы в контейнер. В приведенном ниже примере переполнение включено в два контейнера, которые...

Вот фиктивный кусок кода в качестве примера:

Я пытаюсь стилизовать детей при падении их родителей.
, кроме того, я хочу сделать это с селектором Nth-Child.#parent:hover #childA {
/* styling stuff */
};

Но все сломается, когда я пытаюсь...

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