CSS - Страница 160

Недавно я узнал о логических свойствах CSS, таких как маржинал, размером с блока и т. Д., Которые заменяют традиционные «физические», такие как левые поля, маржинаж, ширина и высота. /* Traditional (physical) properties */
.card {
width: 300px;...

Как создать в HTML с помощью CSS кнопки следующей формы?

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

У меня есть следующее:

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

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

Можно ли установить линейный градиент, чтобы он охватывал всю высоту области просмотра?
html {
height: 100lvh;
background: linear-gradient(0, #18466a 0%, #0e54a5 100%);
/* background-color: #0e54a5; */
}

Настройка цвета фона работает правильно,...

Например, когда у меня есть следующая структура:

Should makes tr:hover active only here
Should not do it here

Можно ли иметь tr: Hover только тогда, когда мы наклоняем атрибут td без rowspan ?

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

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

Могу ли я сделать что-то вроде следующего?

.class1{some stuff}

.class2{class1;some more stuff}

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

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

Я получил это:

Я хочу, чтобы .visibleContent можно было щелкнуть, чтобы развернуть .exandibleContent, как изображения Google, с треугольным указателем.
Правильный пример: LINK
Я пытаюсь глубоко понять этот код, но не могу.
Можете...

Да, мои названия отстой: p

Поэтому у меня есть контейнер, который содержит s. В этом контейнере усеяны
s, которые отмечают метки. Эти s имеют позицию: Absolute , чтобы они не мешали макету s.

div {
display:inline-block;
width:80px;...

Я пытаюсь создать вложенный Popover только для CSS с использованием Popover API.
, чтобы сделать это легко, кнопку, которая открывает Popover, и внутри этого Popover некоторые кнопки, которые открывают второй поповер над кнопкой. Браузер не может...

Я хочу применить переход на ширину столбцов начальной загрузки, когда откроется состояние, переход работает, но он вялый, это совсем не гладко
sstrong> layout.js
>>>> use client ;
import { useState } from react ;
import { Col, Container, Row } from...

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

Я создаю систему дизайна, в которой все значения типографики и интервалов определяются как пользовательские свойства CSS ( --font-size-md , --space-5 и т. д.).
На меньших точках останова (800 пикселей и 400 пикселей) я переопределяю эти переменные,...

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

Я использую код Visual Studio и часто хочу перейти от файла CSS к элементу HTML, которому принадлежит класс или идентификатор.
Например, если у меня есть:
.container { max-width: 1200px; }
и в html:

Есть ли способ, щелкнув .container в файле...

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

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

Если я изменю его вручную с помощью инструментов разработчика (f12), все будет...

В инструментах разработчика Chrome существует «CSS -слои», который показывает:

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

Например, когда у меня есть следующая структура:

Should makes tr:hover active only here
Should not do it here

Возможно ли использовать tr:hover только при наведении курсора на td без атрибута rowspan?

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

Может ли кто -нибудь поделиться со мной, как разместить объекты в одну строку и равномерно распределить на экране с помощью CSS? Я новичок в веб -мире, просто пытаюсь создать собственный проект.section class= contact section id= contact >
Contact...

Я настроил пример ниже. Как видите, вертикальная линия проходит за верхнюю и нижнюю точки списка. Это часть гораздо более сложного компонента React, и разметку изменить нельзя.
Есть ли способ гарантировать, что строка не выйдет за пределы начальной...

Я хочу применить преобразование, используя высоту экрана в качестве переменной в расчете:
.rotated {
--viewport-width: 100dvw;
--viewport-height: 100dvh;
transform-origin: top right;
transform: rotate(90deg) scale(calc(var(--viewport-height) /...

Например, когда у меня есть следующая структура:

Should makes tr:hover active only here
Should not do it here

Возможно ли использовать tr:hover только при наведении курсора на td без атрибута rowspan?

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

У меня есть следующее:

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

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