Верстать быстро и красиво: 15 популярных CSS фреймворков Создание красивых стилей убивает уйму времени. CSS фреймворки выполняют ту же задачу на лету. Верстальщики получают продуманные решения самых насущных проблем – разметку, интерфейсы, адаптивность. Классический CSS фреймворк – набор базовых стилей для вёрстки веб-страницы: сетка; иконки; таблицы; элементы форм и кнопок; типографика; интерфейсные паттерны, например, карточки […]

Осваиваем CSS: макет страницы Главная -> Материалы -> Осваиваем CSS: макет страницы Reg.ru: домены и хостинг Крупнейший регистратор и хостинг-провайдер в России. Более 2 миллионов доменных имен на обслуживании. Продвижение, почта для домена, решения для бизнеса. Более 700 тыс. клиентов по всему миру уже сделали свой выбор. Перейти на сайт-> […]

CSS-селекторы — CSS | MDN Селектор определяет, к какому элементу применять то или иное CSS-правило. Обратите внимание — не существует селекторов, которые бы позволили выбрать родителя (содержащий контейнер) или соседа родителя или потомков соседа родителя. Универсальный селектор Выбирает все элементы. По желанию, он может быть ограничен определённым пространством имён или относиться ко всему пространству имён.Синтаксис: […]

Как выровнять текст по ширине? Выравниванием по ширине называется такой способ форматирования текста, когда левый и правый края текста выравниваются по вертикальным линиям (рис. 1). Рис. 1. Выравнивание текста по ширине Для выравнивания правого края текста браузер добавляет пустые промежутки между слов, что иногда смотрится неаккуратно. Чтобы выровнять текст по ширине ему достаточно добавить свойство text-align […]

text-shadow — CSS | MDN CSS-свойство text-shadow добавляет тени к тексту. Свойство задаётся разделённым запятыми списком теней, которые будут применены к тексту и к любым его свойствам decorations. Любая тень описывается комбинацией смещений по осям X и Y относительно элемента, радиусом размытия и цветом. Исходный код этого интерактивного примера размещён в репозитории на GitHub. Если вы желаете […]

Выравнивание блока div со свойством position:absolute или fixed по центру. Сегодня урок на тему выравнивания блоков div с помощью технологии CSS по центру. Здесь есть несколько моментов, которые не совсем просто воспринимаются. На одном из них мне бы хотелось сегодня остановиться. Когда блоки идут в нормальном потоке, выровнять один, по центру, относительно родительского блока, в котом […]

Какие CSS-генераторы можно использовать в 2021 году / Блог компании VDSina.ru / Хабр CSS генераторы экономят время и сокращают количество ошибок в коде. Они позволяют автоматизировать многие задачи, которые опытным верстальщикам или фронтендерам уже кажутся скучными. В то же время, они могут облегчить работу над задачами, которые сложны для начинающих специалистов. Схема работы таких генераторов […]

Выравнивание блока div со свойством position:absolute или fixed по центру. Сегодня урок на тему выравнивания блоков div с помощью технологии CSS по центру. Здесь есть несколько моментов, которые не совсем просто воспринимаются. На одном из них мне бы хотелось сегодня остановиться. Когда блоки идут в нормальном потоке, выровнять один, по центру, относительно родительского блока, в котом […]

Выравнивание текста по центру, ширине и по краям По умолчанию текст на веб-страницах выровнен по левому краю элемента, в котором он располагается, однако используя свойство text-align, можно переопределить, как будут выравниваться строки текста относительно границ элемента. Рассмотрим каждое из возможных значений: left — выравнивает текст по левому краю. right — выравнивает текст по правому […]

генератор тени объектов в CSS3 aliasall-scrollautocellcontext-menucol-resizecopycrosshairdefaulte-resizeew-resizegrabgrabbinghelpmoven-resizene-resizenesw-resizens-resizenw-resizenwse-resizeno-dropnonenot-allowedpointerprogressrow-resizes-resizese-resizesw-resizetextw-resizewaitzoom-inzoom-outinitialinheritКурсор AutoInitialInheritpx em %Ширина объекта AutoInitialInheritpx em %Высота объекта Внутренний отступ Padding сверху Padding справа Padding снизу Padding слева Ширина объекта pxem%Единица ширины Высота объекта pxem%Единица высоты Кайма Прозрачная Цвет SolidDashedDottedDoubleGrooveRidgeInsetOutsetHiddenNoneСтиль каймы Ширина каймы pxemЕдиница […]