CSS - Страница 74

Переполнение содержимого в гибком макете, содержащем элементы соотношения сторон, когда вы устанавливаете flex-wrap: Wrap.
Я пытался установить соотношение сторон, используя высоту: 0 и дополнение-дно: %. в этом случае высота div больше, но...

Я хочу добавить изображение под заданным мной текстом абзаца. Я хочу сохранить его в том же разделе, что и мой бит «Добро пожаловать в Ingeniator Engineering», и, следовательно, уменьшить пробелы в этой области. (Мне все еще нужно другое изображение...

ОБНОВЛЕНИЕ . Кажется, я решил проблему, хотя не уверен, что мое решение правильное.
Я поместил все файлы на сервер.
Я изменил прозрачность изображения маски. Я использую Paintshop Pro (знаю, древний, но обычно достаточно хороший для того, что мне...

В этом уроке YouTube автор устанавливает для Grid-template-rows значение auto auto auto, чтобы элементы подсетки получали по 3 строки каждый.
Затем он заменяет настройку Grid-template-rows:auto auto auto на Grid-row:1/4 в CSS для каждой подсетки.
Я...

Итак, у меня есть элемент div с именем Highlights, который содержит кучу карточек. Когда я помещаю #highlights в другой элемент div с именем about, который имеет только отступ: 5rem 0; (поле приведет к такому же эффекту) для его CSS, содержимое...

Предположим, у меня есть таблица со многими строками:

column1column2column3column4
column1column2column3column4
... add a bazillion more lines

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

Итак, у меня есть элемент div с именем Highlights, который содержит кучу карточек. Когда я помещаю #highlights в другой элемент div с именем about, который имеет только отступ: 5rem 0; (поле приведет к такому же эффекту) для его CSS, содержимое...

PIC-1
это то, что у меня есть (рис-1)

PIC-2
это то, что мне нужно (рис-2)

на рис.2, который я добавил
width: -webkit-fill-available;

Я получил то, что ожидал. Но я не знаю, как это работает.

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

Я использую плагин пользовательского стиля всплывающей подсказки...

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

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

Предположим, у меня есть таблица со многими строками:

column1column2column3column4
column1column2column3column4
... add a bazillion more lines

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

Итак, у меня есть элемент div с именем Highlights, который содержит кучу карточек. Когда я помещаю #highlights в другой элемент div с именем about, который имеет только отступ: 5rem 0; (поле приведет к такому же эффекту) для его CSS, содержимое...

Я работаю над простым макетом HTML/CSS и пытаюсь сделать так, чтобы элемент div занимал всю высоту экрана.
Я установил высоту: 100% для элемента, но он не растягивается на всю высоту области просмотра, как ожидалось.

.container {
height: 100%;...

Я создаю макет калькулятора с помощью CSS Grid, но хочу убедиться, что столбцы равномерно распределены по контейнеру, с одинаковым пространством между каждой кнопкой, аналогично тому, как работает свойство flexbox justify-content: space-between. Я...

Итак, у меня есть элемент div с именем Highlights, который содержит кучу карточек. Когда я помещаю #highlights в другой элемент div с именем about, который имеет только отступ: 5rem 0; (поле приведет к такому же эффекту) для его CSS, содержимое...

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

Идея состоит в том, что при...

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

Заголовки

Абзацы

Изображения

Ссылки

Кнопки

Формы...

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

вопрос в том, что мой верхний размер вне холста не работает должным...

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

Мой код приведен ниже

HTML

CSS

input {
border: 1px solid gray;
border-radius: 4px;
}

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

Проблема 1.
У меня есть элемент div с идентификатором highlights , и в нем есть три элемента div с классом card . На каждой карте есть довольно много вещей. Highlights использует diplay:grid иgrid-template-columns для форматирования карточек, в...

У меня есть форма, как показано ниже.

Что должно произойти, так это то, что при нажатии кнопки «Все дни», очевидно, все дни установлены как активные, только будние дни с понедельника по пятницу и т. д.
У меня есть следующий jQuery, который...

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

У меня есть следующее содержимое:

Это таблица с одной строкой и тремя ячейками, двумя синими ячейками и средней ячейкой, а в средней ячейке у меня есть элемент div, на данный момент это выглядит хорошо.

Но если я поставлю свойство...

Я пытался создать кнопку с эффектом CSS так же, как показано ниже. Я предоставляю изображение (игнорируйте значки). Но попробуйте, но не получите таких же результатов, есть ли способ создать идеальную кнопку с эффектом CSS?
[! ]
вот мой код кнопки...

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

Я могу применить CSS-цвет фона к элементу html, чтобы цвета выглядели так, как будто они простираются над и под нашей страницей,...