Последние записи: CSS

CSS-свойства, единицы измерения, селекторы, приоритеты, переменные, анимация, техники и подходы, используемые для оформления html-страниц

dropdown-menu-examples
05.04.2024

Примеры выпадающих меню (dropdown menu)

В web-разработке всегда нужно использовать меню. Они могут быть короткими или длинными, располагаться вверху или сбоку, или в футере, но очень часто они бывают выпадающими. […]

Стилизуем ползунок (input type="range")

Ползунки, которые в HTML-коде представлены тегом <input type=»range»>, обычно довольно скучны. Однако стилизация этих ползунков может быть разнообразной, очень красивой и даже похожей на подарок […]

Создаем слайдер только на CSS

Сегодня слайдеры стали неотъемлемой частью многих сайтов: магазины, курсы, компании таким образом представляют свой товар или услуги. Для слайдеров существует множество реализация на JavaScript/jQuery, например, […]

Вес css-селекторов
22.12.2023

Приоритет css-селекторов и их вес

Возможно, вы сталкивались с ситуацией, когда вы задаете какое-то свойство для определенного селектора, но после этого … ничего не происходит? В чем дело, не всегда […]

css-selectors
14.12.2023

Селекторы CSS. Дочерние, родственные, селекторы атрибутов, псевдоклассы и псевдоэлементы

К простым, или основным в плане их используемости селекторам можно отнести селектор класса и id.  То есть ваши элементы браузером легко находятся и легко стилизуются. […]

css-filters
17.11.2023

CSS фильтры

В настоящее время CSS предоставляет нам возможность применять к изображениям цветовые эффекты с помощью свойства filter, такие как насыщенность (saturation), яркость (lightness) и контрастность (contrast), […]

14.09.2023

Свойство box-shadow в CSS

Свойство box-shadow уже давно существует в CSS и довольно часто используется для различных блоков, в том числе и при наведении на них. В Figma или […]

circle clip-path-2
16.08.2023

Использование свойства clip-path в CSS

Свойство clip-path — это своего рода маска обрезки, знакомая всем дизайнерам из Photoshop, Illustrator или Figma, но средствами кода в CSS. То есть, если вам […]

nth-child и nth-of-type
07.03.2023

Селекторы :nth-child и :nth-of-type в примерах

Как правило, в верстке современных макетов есть какое-то количество повторяющихся элементов, которые нужно отформатировать по-разному. Например, добавить разные изображения или цвет фона / текста / […]

CSS-свойства для шрифтов

Шрифт в английском языке переводится как font или type. Первый вариант перевода мы будем использовать для  различных css-свойств, которые позволяют управлять шрифтами на html-странице, а […]

CSS-свойства для текста

CSS-свойства для текста, как правило, начинаются с приставкой text- или word-, и предполагают работу с текстовыми блоками с точки зрения форматирования текста. Здесь речь идёт […]

Наверх
Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять
Отказаться