Результаты поиска по запросу "css3"
Поддерживать соотношение сторон div с помощью CSS
Я хочу создатьdiv это может изменить его ширину / высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, которые позволят изменить высоту в соответствии с шириной,сохраняя его соотношение сторон? Я знаю, что могу сделать это с ...
Добавить класс или другой атрибут, используя медиа-запрос
В настоящее время я использую медиазапросы CSS для таргетинга на некоторые устройства малого / среднего экрана, например: @media screen and (min-device-width: 480px) { ... } @media screen and (min-device-width: 720px) { ... }Это работает, как и ...
Существует ли стандартный селектор CSS, похожий на: eq () в jQuery?
Я не знаю, есть ли селектор CSS, может сделать то же самое, что и строка ниже (код jQuery): .tab_cadre_central .top:eq(0) table tbody tr td table tbody tr:eq(3)Я пробовал в CSS что-то вроде этого: .tab_cadre_central .top::nth-child(0) table ...
Как добавить два фоновых изображения - слева и справа от центрального столбца
У меня есть этот CSS: #wrapper1 { min-width:1020px; min-height:100%; } #wrapper2 { height:100%; background: url('img1.jpg') -100px 300px no-repeat, url('img2.jpg') 1165px 300px no-repeat; } #wrapper3 { width:1020px; margin:0 auto; }и этот ...
Как поместить div внутри другого div в абсолютную позицию?
Например, я хотел бы создать шаблон, как на рисунке ниже. Как вы размещаете каждый div внутри контейнера в его абсолютное положение? Я бы предпочел без необходимости использовать float-атрибуты. Любые короткие примеры будут оценены.
Как автоматически сделать ширину тела равной ширине устройства в медиазапросе CSS3?
Сейчас я занимаюсь мобильным веб-сайтом и пытаюсь настроить таргетинг на разные устройства с помощью медиазапросов CSS3. Часть моего кода выглядит следующим образом: @media screen and (max-width:320px) { body { width: 320px; } /* some other ...
Чистый CSS свернуть / развернуть div
У меня есть чистый CSS разборный div, который основан на чужом коде, который использует:target psuedoclass. Я пытаюсь настроить страницу с 12+ вопросами, и когда вы нажимаете на кнопку «+», div ответа расширяется ниже. Я не могу понять, как ...
Почему функция CSS calc () не работает для меня?
Я узнал о CSS-функции calc () и о том, как это здорово. Я пытался использовать это как: #abc{width:calc(100%-20px)}Но проблема с этой функцией в том, что она не работает. Я протестировал этот код IE9 и Safari, и он не работал. Почему это не ...
Выбор определенного элемента в CSS
Извините за очень общее название поста. Но то, что я после вот этого: <div id="my-div"> <span> <a href="#">link 1</a> <a href="#">link 2</a> </span> <a href="#">link 3</a> </div>Как выбрать «ссылку 3» в CSS? Без редактирования этого HTML ...
Различные CSS-файлы для разных медиа-запросов
Есть ли способ заставить файл HTML использовать другую таблицу стилей на основе свойств мультимедиа? Я знаю чтоlink Метод принимает тип медиа, но все ссылки, которые я нахожу, указывают только тип медиа, а не расширенный запрос. Я также не ...