css3 — вопросы с ответами

Как создать такую ​​форму для отображения на веб-странице? Я не хочу использовать изображения, так как они будут размыты при масштабировании [IMG_OUR_ID=458.png] Я пробовал с CSS: .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 1...

Я работаю с CMS, у которого есть только доступ к файлу CSS. Итак, я не могу включить что-либо в HEAD документа. Мне было интересно, есть ли способ импортировать веб-шрифт из файла CSS?

Я знаю, что это можно довольно легко решить с помощью Javascript, но меня интересует только чистое решение CSS. Мне нужен способ динамического изменения размера текста, чтобы он всегда вписывался в фиксированный div. Вот пример разметки: <div style="width: 200px; height: 1em; overflow: hidden;...

Можно ли сделать div 50px менее 100% в чистом CSS? Я хочу, чтобы <div> составлял всего 50 пикселей меньше 100%. Мне не нужен JavaScript.

В CSS3 font-face имеется несколько типов шрифтов, включая ttf, eot, woff, svg и cff. Почему мы должны использовать все эти типы? Если они являются особыми для разных браузеров, почему их число больше, чем количество основных веб-браузеров?

Мне нужно динамически загружать изображения баннера в приложение HTML5 и хотел бы, чтобы несколько разных версий соответствовали ширине экрана. Я не могу правильно определить ширину экрана телефона, поэтому единственный способ сделать это - добавить фоновые изображения div и использовать @media для ...

Это довольно простой вопрос, но я не могу найти очень хорошую документацию по свойствам перехода CSS. Вот фрагмент CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; te...

Мне нужно разработать некоторые html-страницы для телефонов iphone/android, но в чем разница между max-device-width и max-width? Мне нужно использовать разные css для разных размеров экрана. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Какая разница?...

Я использую пунктирную рамку стиля в моем поле, например .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } Я хочу увеличить пространство между каждой точкой границы.

Есть ли способ сбросить тень только на дно?. У меня есть меню с 2 изображениями рядом друг с другом. Мне не нужна правильная тень, потому что она перекрывает правильный образ. Я не люблю использовать изображения для этого, так что есть способ отбросить его только внизу: box-shadow-bottom: 10px #FFF...

Я пытаюсь сделать эффект перехода с фоновым цветом при зависании элементов меню, но он не работает. Вот мой код CSS: #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in...

Можно ли выбрать, скажем, каждый четвертый элемент в наборе элементов? Пример: у меня есть 16 <div> элементов... Я мог бы написать что-то вроде. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Есть ли лучший способ сделать это?...

Как выбрать все, кроме последнего, с помощью селекторов CSS3? Например, для получения только последнего ребенка будет div:nth-last-child(1).

Я работаю над файлом CSS и обнаруживаю, что вам нужно стилизовать текстовые поля ввода, однако я сталкиваюсь с проблемами. Мне нужно простое объявление, которое соответствует всем этим элементам: <input /> <input type='text' /> <input type='password' /> ... но не соответствует эти...

Учитывая шаблон, в котором HTML нельзя изменить из-за других требований, как можно отображать (переупорядочивать) a div выше другого div, если они не находятся в этом порядке в HTML? Оба div содержат данные, которые различаются по высоте и ширине. <div id="wrapper"> <div id="firstDiv"&g...