Фрагменты кода 2025, Январь
Просто убедитесь, что вы обнулили поля и отступы для этих элементов (нормально при любом сбросе или нормализации). html, body (height: 100%; overflow: "
Как и в игре PICROSS3D. Технология CSS3 Кнопка Кнопка Кнопка .btn (цвет: белый; семейство шрифтов: Helvetica, Arial, Sans-Serif; размер шрифта: "
Это работает для текстовых вводов (например, текст, электронная почта и т. Д.), Но вы не можете изменить фактический ввод пароля. Вариант использования = ???. input (-webkit-text-security: none;) "
Название цвета HEX Цвет AliceBlue # F0F8FF AntiqueWhite # FAEBD7 "
Первоначально это была демонстрация Мартина Иванова, в которой использовались скрытые флажки и смежные одноуровневые комбинаторы для установки «состояния» каждой папки. Живая демонстрация "
Вот пример простого класса с тремя столбцами: .three-col (-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap : "
Ul.box (position: relative; z-index: 1; / * предотвращение падения теней за контейнерами с фоном * / overflow: hidden; list-style: none; margin: 0; "
@media screen и (минимальная ширина: 320 пикселей) и (максимальная ширина: 767 пикселей) и (ориентация: альбомная) (html (transform: rotate (-90deg); transform-origin: left top; "
Img (-ms-interpolation-mode: bicubic;) Если вы уменьшите изображение с помощью атрибутов ширины и / или высоты, оно будет выглядеть ужасно в IE, если вы не используете "
Фоновая картинка:"
Booyah! Это не набор полей
Использование псевдоэлемента (ов) Вы можете разместить псевдоэлемент так, чтобы он находился либо позади элемента, либо больше, создавая эффект границы с его собственным "
Базовая декларация и использование @ -webkit-keyframes NAME-YOUR-ANIMATION (0% (opacity: 0;) 100% (opacity: 1;)) @ -moz-keyframes NAME-YOUR-ANIMATION (0% ("
Веб-страницы на iOS по умолчанию имеют прокрутку в стиле «импульс», когда легкое движение пальца заставляет веб-страницу прокручиваться, и она продолжается до тех пор, пока, в конце концов,
Браузеры, поддерживающие несколько фонов (WebKit с самых первых дней, Firefox 3+), используют следующий синтаксис: #box (background: url (icon.png.webp) top left "
Html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, шрифт, "
Текст в тегах
по умолчанию не переносится. Например, см. Фрагмент кода ниже! Если это вызывает проблемы с макетом, одно из решений - указать "
Вы всегда можете применить фильтр к элементу, чтобы сделать его монотонным в оттенках серого: см. «Монотонное перо для изображения» Криса Койера (@chriscoyier) "
Привет .layered-paper (background: #eee; box-shadow: 0 1px 1px rgba (0,0,0,0.15), / * Тень верхнего слоя * / 0 10px 0 -5px #eee, / * Второй слой * / 0 "
Единица размера шрифта rem похожа на em, только вместо каскадирования она всегда относительно корневого (html) элемента (дополнительная информация). Это довольно "
A: ссылка (цвет: синий;) a: посещенный (цвет: фиолетовый;) a: наведение (цвет: красный;) a: активный (цвет: желтый;) Ссылка, посещение, наведение курсора, активный L, V, H, A Любовь ненависть"
Вы можете сделать его автоматически скрытым вместо постоянного отображения: html (-ms-overflow-style: -ms-autohiding-scrollbar;) Получается так: Спасибо Тьерри "
Перейдем непосредственно к коду, вот рабочая реализация: html (font-size: 16px;) @media screen и (min-width: 320px) (html (font-size: calc (16px + "
Мы переместили этот фрагмент в наш канонический фрагмент по этой теме. См .: Обработка длинных слов и URL-адресов "
@media only screen и (device-width: 768px) (/ * Для общих макетов iPad * /) @media only screen и (min-device-width: 481px) и (max-device-width: "
* Зависит от языка * /: lang (af) (кавычки: '201E' '201D' '201A' '2020-2021';): lang (ak) (семейство шрифтов: Lucida, "DejaVu Sans", наследовать; ): lang (ar) (семейство шрифтов: Tahoma "
.hexagon (width: 100px; height: 55px; position: relative;) .hexagon, .hexagon: before, .hexagon: after (background: red; box-shadow: 0 0 10px "
Это только WebKit, но это самый чистый способ сделать это, поскольку текст остается редактируемым и выбираемым веб-текстом. h1 (размер шрифта: 72 пикселя; фон: "
A (position: relative; padding-bottom: 2px; text-decoration: none;) a: hover :: after (content: ""; position: absolute; bottom: 2px; left: 0; height: 1px; "
Как Twitter середины 2012 года. input, textarea (-webkit-transition: все 0,30 с, легкость входа-выхода; -moz-transition: все 0,30 с, легкость входа-выхода; -ms-transition: все 0,30 с "