Фрагменты кода 2024, Декабрь
Перейдем непосредственно к коду, вот рабочая реализация: html (font-size: 16px;) @media screen и (min-width: 320px) (html (font-size: calc (16px + "
Вы можете сделать его автоматически скрытым вместо постоянного отображения: html (-ms-overflow-style: -ms-autohiding-scrollbar;) Получается так: Спасибо Тьерри "
A: ссылка (цвет: синий;) a: посещенный (цвет: фиолетовый;) a: наведение (цвет: красный;) a: активный (цвет: желтый;) Ссылка, посещение, наведение курсора, активный L, V, H, A Любовь ненависть"
Единица размера шрифта rem похожа на em, только вместо каскадирования она всегда относительно корневого (html) элемента (дополнительная информация). Это довольно "
Привет .layered-paper (background: #eee; box-shadow: 0 1px 1px rgba (0,0,0,0.15), / * Тень верхнего слоя * / 0 10px 0 -5px #eee, / * Второй слой * / 0 "
Вы всегда можете применить фильтр к элементу, чтобы сделать его монотонным в оттенках серого: см. «Монотонное перо для изображения» Криса Койера (@chriscoyier) "
Текст в тегах
по умолчанию не переносится. Например, см. Фрагмент кода ниже! Если это вызывает проблемы с макетом, одно из решений - указать "
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, шрифт, "
Браузеры, поддерживающие несколько фонов (WebKit с самых первых дней, Firefox 3+), используют следующий синтаксис: #box (background: url (icon.png.webp) top left "
Веб-страницы на iOS по умолчанию имеют прокрутку в стиле «импульс», когда легкое движение пальца заставляет веб-страницу прокручиваться, и она продолжается до тех пор, пока, в конце концов,
Базовая декларация и использование @ -webkit-keyframes NAME-YOUR-ANIMATION (0% (opacity: 0;) 100% (opacity: 1;)) @ -moz-keyframes NAME-YOUR-ANIMATION (0% ("
Использование псевдоэлемента (ов) Вы можете разместить псевдоэлемент так, чтобы он находился либо позади элемента, либо больше, создавая эффект границы с его собственным "
Booyah! Это не набор полей
Фоновая картинка:"
Img (-ms-interpolation-mode: bicubic;) Если вы уменьшите изображение с помощью атрибутов ширины и / или высоты, оно будет выглядеть ужасно в IE, если вы не используете "
@media screen и (минимальная ширина: 320 пикселей) и (максимальная ширина: 767 пикселей) и (ориентация: альбомная) (html (transform: rotate (-90deg); transform-origin: left top; "
Ul.box (position: relative; z-index: 1; / * предотвращение падения теней за контейнерами с фоном * / overflow: hidden; list-style: none; margin: 0; "
Вот пример простого класса с тремя столбцами: .three-col (-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap : "
Первоначально это была демонстрация Мартина Иванова, в которой использовались скрытые флажки и смежные одноуровневые комбинаторы для установки «состояния» каждой папки. Живая демонстрация "
Название цвета HEX Цвет AliceBlue # F0F8FF AntiqueWhite # FAEBD7 "
Это работает для текстовых вводов (например, текст, электронная почта и т. Д.), Но вы не можете изменить фактический ввод пароля. Вариант использования = ???. input (-webkit-text-security: none;) "
Как и в игре PICROSS3D. Технология CSS3 Кнопка Кнопка Кнопка .btn (цвет: белый; семейство шрифтов: Helvetica, Arial, Sans-Serif; размер шрифта: "
Просто убедитесь, что вы обнулили поля и отступы для этих элементов (нормально при любом сбросе или нормализации). html, body (height: 100%; overflow: "
@media print (a :: after (content: "(" attr (href) ")";)) "
Sup, sub (vertical-align: baseline; position: relative; top: -0.4em;) sub (top: 0.4em;) "
Важное примечание! Раздвижные двери - довольно старая техника. Это было время в сети, но, вероятно, это не самый разумный способ в наши дни. У нас есть"
Для фоновых изображений CSS .yourselector (width: 200px; height: 100px; background: url (/folder/yourimage.png.webp) no-repeat; _background: none; "
Немного более светлый цвет (если текст черный), пунктирная нижняя граница и курсор в виде вопросительного знака. Это стало несколько стандартизированным подходом ",
HTML: .. или .. Go CSS: input.button (text-indent: -9000px; text-transform: capitalize;) Один только отрицательный отступ, к сожалению, не помогает удалить текст "
Пунктирные границы вокруг ссылок - это функция доступности, которая есть в большинстве браузеров по умолчанию. Это для пользователей, которые должны или хотят использовать клавиатуру, вот "