CSS - Страница 558

На StackOverflow есть несколько вопросов относительно offsetWidth/clientWidth/scrollWidth (и -Height соответственно), но ни один из них не дает исчерпывающего объяснения того, что это за значения.
Кроме того, в Интернете есть несколько источников,...

Я новичок в HTML/CSS. Я вижу, что существуют различные способы установки цветового кода в описании стиля CSS, т.е. по имени, например. желтый или шестнадцатеричный код #ffff00. Я вижу, что есть также числовые эквиваленты каждого цвета, например....

Я пытался использовать эти коды для создания анимации с плавающим текстом.

const button = document.querySelector('.mainButton');
const popUpContainer = document.getElementById('popUpContainer');

button.addEventListener('click', function(event)...

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

.scroll-snap-wrapper {
scroll-snap-type: y mandatory;...

Я прикрепил stackblitz ниже

Чего я пытаюсь достичь, так это при нажатии на элемент метки он должен сосредоточиться на вводе. Следовательно, класс input:focus активируется. Я верю, что этого можно достичь с помощью javascript/ jquery. Но я...

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

Я хочу включить глобальный шрифт на свою страницу. Я загрузил файл .ttf и включил его в свой CSS, но мой шрифт не изменится.
Вот мой код:
@font-face {
font-family: 'oswald';
src: url('/font/oswald.regular.ttf');
}

html, body, div, span, applet,...

На одной из страниц моего веб-сайта у меня есть два элемента div: «.page-biography-section-right-sub-section-left» и «.page-biography-section-right-sub-section-right», содержащиеся внутри родительского div .page-biography-section-right ,...

Я добавляю новую цветовую тему в свой Bootstrap SASS.
У меня есть собственный файл с моими модами и новым цветом (GOLD).
После прочтения и МНОГО поисков мне удалось создать новую тему и почти все элементы, включая фон и границы.
Т.е.: text-gold,...

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

Я новичок в HTML/CSS. Я вижу, что существуют различные способы установки цветового кода в описании стиля CSS, т.е. по имени, например. желтый или шестнадцатеричный код #ffff00. Я вижу, что есть также числовые эквиваленты каждого цвета, например....

По умолчанию тип списка с нижней буквой для упорядоченного списка использует точку '.'. Есть ли способ вместо этого использовать правую скобку, например a)... b) ..etc?

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

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

.scroll-snap-wrapper {
scroll-snap-type: y mandatory;...

Я пытался использовать эти коды для создания анимации с плавающим текстом.

const button = document.querySelector('.mainButton');
const popUpContainer = document.getElementById('popUpContainer');

button.addEventListener('click', function(event)...

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

document.addEventListener( DOMContentLoaded , () => {
const loadingScreen = document.getElementById(...

Извините, я не знаю, как написать правильный вопрос. Но вот проблема, которую я хочу решить:

Если в контейнере 4 элемента, и каждый элемент имеет Flex:1 -->, тогда элементы будут располагаться по порядку. : 1 строка с 4 элементами --> 2 строки с 3...

При использовании обычного метода Bootstrap 5 в Blazor 8 путем добавления Class= d-sm-none d-md-block к PropertyColumn компонента QuickGrid, чтобы скрыть его на маленьких экранах, класс Bootstrap перезаписывает что-то в CSS QuickGrid (я думаю),...

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

document.addEventListener( DOMContentLoaded , () => {
const loadingScreen = document.getElementById(...

На одной из страниц моего веб-сайта у меня есть два элемента div: «.page-biography-section-right-sub-section-left» и «.page-biography-section-right-sub-section-right», содержащиеся внутри родительского div .page-biography-section-right ,...

На есть «булавки», то есть , разной высоты, но все они отображаются очень хорошо, без «пробелов» или разрывов строк, прерывающих поток. Есть ли хорошее/простое объяснение того, как они заставляют CSS вести себя и реализовать это (я надеюсь изучить и...

Я хочу выбрать все теги класса p, который является дочерним для .row

.row .p {
...
}

но исключите все, у которых .disable является родительским классом (не напрямую).

Я могу выбрать их обоих вот так:

.row .p {
border: 3px solid blue;
}...

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

Это пример того, чего я пытаюсь достичь:

Я пытаюсь найти для этого хорошее решение, где его можно...

Я пытался использовать эти коды для создания анимации с плавающим текстом.

const button = document.querySelector('.mainButton');
const popUpContainer = document.getElementById('popUpContainer');

button.addEventListener('click', function(event)...

Когда я скопировал HTML-код некоторых веб-сайтов, я обнаружил код метассылки, ведущий непосредственно на сайт Schema.org. Если я удалю метассылку, она удалит почти все элементы div. Есть ли способ сделать это локально? вот изображения, которые я...

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