Webkit-tap-highlight-color: rgba (0,0,0,0); А затем, чтобы разрешить: active стилям работать в вашем CSS на странице в Mobile Safari: "

На этой странице перечислено множество различных устройств и медиа-запросов, специально предназначенных для этого устройства. Вероятно, это не очень хорошая практика, но полезно знать, каковы размеры всех этих устройств в контексте CSS ".

Иногда может потребоваться удалить верхнее или левое поле первого элемента в контейнере. Точно так же правое или нижнее поле от последнего "

A (outline: 0;) Будьте осторожны, удаляя стили контура из ссылок, так как они удобны для использования. Если да, не забудьте определить четкие стили фокуса. Если"

Для языков с письмом справа налево вы можете поменять местами макет по умолчанию слева направо в большинстве браузеров просто через атрибут dir. текст справа налево "

Бывают случаи, когда действительно длинная строка текста может переполнять контейнер макета. Например: в URL обычно нет пробелов, поэтому они "

Для включения графики с высоким разрешением, но только для экранов, которые могут ее использовать. "Retina" - это "2x": @media (-webkit-min-device-pixel-ratio: 2), "

Все любят ленты

.ribbon (font-size: 16px! important; / * Эта лента "

Принесите свои приставки! .grow (переход: все .2s легкость входа-выхода;) .grow: hover (transform: scale (1.1);) "

Стандарт: -moz-border-radius: 10px; -webkit-border-radius: 10 пикселей; радиус границы: 10 пикселей; / * на будущее * / -khtml-border-radius: 10px; / * для старых "

Это предполагает использование автопрефикса. .face: hover (анимация: встряхните 0.82s кубической кривой Безье (.36, .07, .19, .97) оба; transform: translate3d (0, 0, 0); "

Любая старая ссылка привязки может быть ссылкой на документ PDF, но щелчок по такой ссылке, думающий иначе, может быть удивительным и неудобным для пользователя. Этот"

По умолчанию все версии IE имеют полосу прокрутки в текстовых областях, даже если они пусты. Никакие другие браузеры не делают этого, поэтому, если вы хотите удалить его, чтобы IE мог "

Из нижнего колонтитула дизайна v8 CSS-Tricks. Просмотреть нижний колонтитул демонстрации (clear: both; overflow: hidden; font-size: 16px; line-height: 1.3;) # footer-box ("

Для фактического слайдера требуется jQuery и jQuery UI. Лицо состоит из элементов, образованных кругами с радиусом границы. Рот, указывающий на счастье »

Цитата отображается в браузерах, соответствующих стандартам, с эффектом «большие кавычки перед», а в IE - с толстой левой рамкой и светло-серым цветом.

H1 # logo (width: 200px; // ширина изображения height: 100px; // высота фона изображения: url (../ path / to / image.jpg.webp); text-indent: -9999px;) Этот метод "

Вот для Google Code Prettify (найден в этом источнике). .prettyprint (цвет: # 839496; цвет фона: # 002b36;) .prettyprint .pln (цвет: наследование;) "

Главная Каталог Цена О контакте nav (width: 960px; height: 100px; margin: 120px auto; text-align: center;) .top-menu li (display: inline-block; "

Популярным методом проектирования является создание контейнера содержимого, который выглядит как лист бумаги, и складывание других листов бумаги под ним, добавляя слой "

A (/ * полностью действующий URL, вероятно, внешняя ссылка * /) a (/ * ссылка на конкретный веб-сайт * /) a, a (/ * внутренняя относительная ссылка * /) a (/ * ссылка на электронную почту * /) a (/ * "

P (font-size: 24px! important;) Правило! important в конце значения переопределит любые другие объявления стиля этого атрибута, включая встроенный "

.stitched (padding: 20px; margin: 10px; background: # ff0030; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px пунктирная)

Отлично работает, если вы можете применить фиксированную высоту к нижнему колонтитулу. Содержание! Я липкий нижний колонтитул. * (margin: 0;) html, body (height: 100%;) .page-wrap ("

Начало «Звездных войн» является знаковым. Эффект прокрутки текста вверх и от экрана был одновременно безумно классным спецэффектом для фильма "

.blood (color: silver; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Команда разработчиков Medium обсудила некоторые плохие практики, которые нарушают доступность. В одном примере они утверждают, что непрозрачность не поддерживается "

Текст-заполнитель во входных данных имеет (в браузерах, реализующих его до сих пор) светло-серый цвет. Чтобы оформить его, вам понадобятся свойства CSS префикса поставщика ".

Прозрачная внутренняя граница .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Использование по умолчанию системного шрифта конкретной операционной системы может повысить производительность, поскольку браузеру не нужно загружать файлы шрифтов, это "