CSS — это уровень представления Интернета. Он позволяет вам стилизовать HTML, чтобы помочь вам достичь целей дизайна, которые вы задумали для своего веб-сайта. Здесь вы можете найти разнообразные коллекции контента, курсы, шаблоны и ссылки на другие полезные статьи, которые помогут вам в изучении и использовании CSS, чтобы ваши веб-страницы выглядели так, как вы их себе представляли!
Если вы новичок в CSS, мы вам поможем. Наш курс «Изучение CSS» познакомит вас с основами работы CSS.
Узнайте новейшие советы и методы, которые можно использовать в своей работе прямо сейчас.
Узнайте о новейших функциях CSS, которые являются базовыми и теперь доступны во всех основных браузерных движках.
Ознакомьтесь с некоторыми из наших шаблонов CSS, которые можно использовать для быстрого создания макетов, анимации и тем для ваших веб-страниц.
Когда дело доходит до скорости страницы, вам следует задуматься о CSS. Эти руководства помогут вам решить распространенные проблемы с производительностью, связанные с использованием CSS.
То, как вы используете CSS, может повлиять на доступность ваших веб-приложений. Эти руководства помогут вам убедиться, что вы используете CSS таким образом, чтобы ваши веб-приложения было проще использовать большему количеству людей.
CSS Podcast — от доступности до z-index — отличный способ узнать больше о CSS от ведущих экспертов отрасли.
КУРС

Если вы новичок в CSS, мы вам поможем. Наш курс «Изучение CSS» знакомит вас с основами работы CSS, начиная с селекторов, свойств, значений, основных принципов макета и того, как вы можете применять их на своих веб-страницах.

Узнайте новейшие советы и методы, которые можно использовать в своей работе прямо сейчас.
Адаптируйте шрифт к предпочтениям ваших пользователей, чтобы им было максимально удобно читать ваш контент.
Все основные движки теперь поддерживают новые цветовые пространства и функции CSS. Узнайте, как они могут придать живости вашим проектам.
Улучшите возможности веб-отладки с помощью исходных карт.
Subgrid теперь совместим со всеми тремя основными движками. Узнайте, как его использовать.

Базовый уровень сигнализирует веб-разработчикам, когда функции веб-платформы можно безопасно использовать во всех основных браузерных движках. Вот некоторые функции CSS, которые теперь доступны в базовой комплектации.

@starting-style стал базовым, доступным в августе 2024 года.
font-size-adjust стал Baseline, доступным в июле 2024 года.
@property стал базовым вариантом, доступным в июле 2024 года.
light-dark() стал базовой версией, доступной в мае 2024 года.
align-content on Block Layout стал Baseline, доступным в апреле 2024 года.
Значения offset-position и offset-path стали базовыми, доступными в январе 2024 года.

Ознакомьтесь с некоторыми из наших шаблонов CSS, которые можно использовать для быстрого создания макетов, анимации и тем для ваших веб-страниц.

Шаблоны макетов, созданные с использованием современных API-интерфейсов CSS, помогают создавать общие интерфейсы, такие как карточки, области динамической сетки и полностраничные макеты.
Методы анимации, созданные с использованием CSS или JavaScript, с учетом доступности и предпочтений пользователя.
Методы, помогающие управлять цветом в ваших проектах.
CSS отвечает за большую часть работы по рендерингу, происходящей на странице, что является фактором, определяющим, насколько быстро страница появляется и реагирует на взаимодействия с пользователем. Эти руководства помогут вам писать CSS с учетом скорости страницы.
Пересчет стиля — это процесс, в котором правила CSS применяются к DOM, а слишком сложные селекторы могут вызвать проблемы с производительностью. Прочтите это руководство, чтобы узнать, как оптимизировать селекторы для повышения производительности.
Свойство content-visibility можно использовать для отсрочки рендеринга частей страницы до тех пор, пока они не потребуются. В этом руководстве показано, как можно использовать это свойство для повышения производительности рендеринга вашего веб-приложения.
То, как вы пишете свои стили, может оказать существенное влияние на Core Web Vitals . Прочтите это руководство, чтобы узнать, как настроить CSS вашего веб-приложения для повышения производительности.
Большие размеры DOM могут вызывать длительные операции рендеринга, и это может повлиять на то, насколько быстро ваше веб-приложение реагирует на ввод пользователя. Ознакомьтесь с этим руководством, чтобы узнать, как можно уменьшить размеры DOM для повышения производительности.
От цветового контраста до адаптивного дизайна — CSS оказывает определенное влияние на удобство использования ваших веб-приложений для всех пользователей. Прочтите эти руководства, чтобы повысить уровень своих знаний CSS и создавать веб-приложения, которые будут доступны большему количеству людей.
Чтобы сделать интерактивные элементы на страницах доступными, необходимо учитывать размер и расстояние между элементами, чтобы их было проще использовать. Прочтите эти рекомендации, чтобы создавать веб-приложения, в которых пользователям будет легче ориентироваться.
Цветовой контраст — важный аспект дизайна, который позволяет пользователям легче читать ваш контент. Это руководство поможет вам создавать красивые веб-приложения, которые подчеркивают читабельность и удобство использования.
Мы знаем, что адаптивный дизайн — это хорошая идея, чтобы обеспечить наилучшее взаимодействие с несколькими устройствами, но адаптивный дизайн также дает преимущество в плане доступности.
Порядок содержимого в вашем документе важен для доступности вашего сайта, и возможно, что используемый вами CSS может повлиять на доступность. Это руководство расскажет вам все, что вам нужно знать при использовании CSS для изменения визуального порядка содержимого ваших страниц.

CSS — это основной язык веб-стилизации. Для веб-разработчиков это одна из самых быстрых технологий, с которой можно начать работу, но одна из самых сложных в освоении. Следуйте за Уной Кравец и Адамом Аргайлом, адвокатами разработчиков из Google, которые радостно разбивают сложные аспекты CSS на понятные эпизоды, охватывающие все: от доступности до z-индекса.