Тысячи советов по CSS, PHP, скриптам. Полезные уроки и видео-советы

Популярные за месяц

Тема Solarized для CodeMirror и Prettify - CSS-хитрости

Тема Solarized для CodeMirror и Prettify - CSS-хитрости

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

Меню Spinny Leaf - CSS-хитрости

Меню Spinny Leaf - CSS-хитрости

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

Эффект сложенной бумаги - CSS-хитрости

Эффект сложенной бумаги - CSS-хитрости

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

Стиль ссылок в зависимости от назначения - CSS-хитрости

Стиль ссылок в зависимости от назначения - CSS-хитрости

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

Техника переопределения стиля - CSS-хитрости

Техника переопределения стиля - CSS-хитрости

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

"Прошитый" вид - CSS-хитрости

"Прошитый" вид - CSS-хитрости

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

Липкий нижний колонтитул - CSS-хитрости

Липкий нижний колонтитул - CSS-хитрости

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

Текст для сканирования "Звездных войн" - CSS-хитрости

Текст для сканирования "Звездных войн" - CSS-хитрости

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

Текст Капает кровь - CSS-хитрости

Текст Капает кровь - CSS-хитрости

.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 "

Переключить видимость при скрытии элементов - CSS-хитрости

Переключить видимость при скрытии элементов - CSS-хитрости

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

Стиль текста-заполнителя - CSS-хитрости

Стиль текста-заполнителя - CSS-хитрости

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

Прозрачная внутренняя граница - CSS-хитрости

Прозрачная внутренняя граница - CSS-хитрости

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

Системный набор шрифтов - CSS-хитрости

Системный набор шрифтов - CSS-хитрости

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

Прозрачные фоновые изображения - CSS-хитрости

Прозрачные фоновые изображения - CSS-хитрости

Не существует свойства CSS background-opacity, но вы можете подделать его, вставив псевдоэлемент с обычной непрозрачностью, равный точному размеру элемента позади "

Top Shadow - CSS-хитрости

Top Shadow - CSS-хитрости

Тень вдоль верхнего края веб-сайта, например: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Поворот текста - CSS-хитрости

Поворот текста - CSS-хитрости

Если то, что вы ищете, - это способ вертикальной установки шрифта, лучше всего выбрать режим записи CSS. Если вы просто пытаетесь перевернуть текст, вы "

Треугольные маркеры списка - CSS-хитрости

Треугольные маркеры списка - CSS-хитрости

Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Заправленные углы - CSS-хитрости

Заправленные углы - CSS-хитрости

Тело содержимого (background: # e6e6e6;) .corners (background: # f6f6f6; height: 700px; margin: 50px auto; max-width: 600px; position: relative; width: 80%; "

Усечь строку с многоточием - CSS-хитрости

Усечь строку с многоточием - CSS-хитрости

Все следующее является обязательным, поэтому текст должен быть в одной прямой линии, которая выходит за пределы поля, где это переполнение скрыто. .truncate (ширина: "

Двухцветные трехмерные блоки и текст - CSS-хитрости

Двухцветные трехмерные блоки и текст - CSS-хитрости

Мы можем использовать несколько значений text-shadow и box-shadow для создания трехмерного вида блоков или текста, как на этом снимке экрана Дэвида ДеСандро "