Sign Up Sign in
📌 Очень жаль, что всем известный персонаж решил начать войну. Мы молимся за Украину и за мир!
CSS logo

CSS - Видеоуроки, курсы, туториалы

CSS (Cascading Style Sheets) - формальный язык, который применяют для быстрой стилизации HTML веб-страницы. С его помощью вы можете стилизировать почти любой элемент HTML разметки, просто подключая css файл к странице. Используя css селекторы, вы можете выбирать любой элемент и задавать ему нужные параметры для отобрежения (цвет, шрифт, размер, позиция и тд.) В интернете много шуток по поводу работы с CSS, но ничего сложного в нем нет. В современной разработке используют препроцессоры CSS - Sass, less, Stylus. Смысл в их использовании - лучшая читабельность кода и повышеная производительность.

Источники о css

Academind Pro logo Academind Pro adamwathan logo adamwathan Ahmad Shadeed logo Ahmad Shadeed algoexpert logo algoexpert beonmax.com logo beonmax.com Brad Traversy logo Brad Traversy Build UI logo Build UI Chris Sev logo Chris Sev Codecourse logo Codecourse codeschool logo codeschool codewithmosh (Mosh Hamedani) logo codewithmosh (Mosh Hamedani) cssanimation.rocks logo cssanimation.rocks designcode.io logo designcode.io developedbyed.com logo developedbyed.com egghead logo egghead every-layout.dev logo every-layout.dev frontendmasters logo frontendmasters fullstack.io logo fullstack.io

CSS в топиках

Frontend logo Frontend

Курсы по css

Начало работы с CSS logo

Начало работы с CSS

Getting Started with CSS
Из трех основных технологий, обеспечивающих работу внешнего интерфейса веб-сайтов, каскадные таблицы стилей (CSS) являются наиболее часто упускаемыми и неправильно понятыми. Имея решающее значение для цветов, шрифтов, макета и многого другого, CSS кажется технологией, которую разработчики любят ненавидеть.
3 ч 19 мин 51 сек
English
Удален по просьбе правообладателя
Динамический CSS с Кастомными Свойствами logo

Динамический CSS с Кастомными Свойствами

Dynamic CSS with Custom Properties
При полном использовании кастомные свойства CSS могут способствовать лучшему сотрудничеству и повторному использованию кода, улучшать дебаг и прямо открывать возможности, которые ранее требовали большого количества сложного в обслуживании JavaScript и нарушали разделение задач. Это действительно революция в том, как мы пишем CSS! Однако их использование в полной мере требует более глубокого понимания как кастомных свойств, так и самого CSS, и ест
3 ч 54 мин 34 сек
English
Удален по просьбе правообладателя
Адаптивный веб-дизайн с помощью Flexbox и CSS Grid, v2 logo

Адаптивный веб-дизайн с помощью Flexbox и CSS Grid, v2

Responsive Web Design with Flexbox & CSS Grid, v2
Макеты страниц - это сердце любого веб-сайта или приложения. В современной сети есть несколько вариантов создания макетов, каждый со своими положительными и отрицательными характеристиками. Выполнив множество упражнений и попрактиковавшись, вы освоите спецификации Flexbox и Grid, а также адаптивные изображения, применяя их к повседневным макетам страниц.
5 ч 49 мин 49 сек
English
Удален по просьбе правообладателя
С нуля до героя Full Stack logo

С нуля до героя Full Stack

Zero to Full Stack Hero
Papa React представляет Zero для Full Stack Hero. Опыт программирования не требуется. Изучите React.JS + много другого!
101 ч 29 мин 59 сек
English
Премиум
Верстка сайта на CSS Grid logo

Верстка сайта на CSS Grid

 
CSS Grid - это удобный механизм для настройки расположения элементов на странице, использующий принцип сети или таблицы со строками и столбцами. Навыки использования CSS Grid важны для любого современного фронтенд разработчика.
6 ч 15 мин 32 сек
Русский
Удален по просьбе правообладателя
Beginner Tailwind logo

Beginner Tailwind

 
Tailwind упрощает написание CSS и позволяет нам настраивать наш дизайн быстрее, чем любой другой фреймворк CSS. Если вам нужен CSS-фреймворк с предварительно созданными компонентами, то Tailwind, возможно, не для вас. Если вам нужен CSS-фреймворк, который позволяет быстро разрабатывать и настраивать ваш сайт, то Tailwind доставит много удовольствия.
9 ч 33 мин 19 сек
English
Премиум
Доступность, V2 logo

Доступность, V2

Accessibility, v2
Обеспечение веб-сайта доступностью чрезвычайно важно, но информации мало, и аудит вашего сайта часто отходит на второй план. Этот курс даст вам все навыки, необходимые для аудита и устранения проблем с доступностью в любом проекте! Начните создавать доступные веб-приложения, которые сможет использовать каждый!
2 ч 52 мин 56 сек
English
Удален по просьбе правообладателя
SVG и CSS Анимация - Использование HTML и CSS logo

SVG и CSS Анимация - Использование HTML и CSS

SVG & CSS Animation - Using HTML & CSS
В этом курсе мы рассмотрим основные методы, используемые в CSS для создания анимированных элементов SVG. Изображения SVG идеально смотрятся на экране любого размера, и с учетом важности мобильного Интернета они становятся все более популярными. SVG позволяет создавать анимацию и выводить плоские иллюстрации на совершенно новый уровень.
1 ч 24 мин 16 сек
English
Премиум
Освойте Bootstrap 5 и Создайте 6 Проектов (17 страниц) logo

Освойте Bootstrap 5 и Создайте 6 Проектов (17 страниц)

Master Bootstrap 5 with 6 projects and Sass customization
Этот курс охватывает все различные части последней версии самого популярного в мире интерфейсного фреймворка, Bootstrap 5 Beta 2 от 10 февраля 2021 года. Bootstrap использовался на миллионах веб-сайтов по всему миру и был тщательно разработан, чтобы охватить широкий спектр типовых пользовательских интерфейсов. Веб-страницы, созданные с помощью Bootstrap 5, работают на всех типах устройств, браузеров и размеров экранов, при этом заботясь о доступн
22 ч 46 мин 51 сек
English
Премиум
Flexbox Simplified: как получить полный контроль над flexbox logo

Flexbox Simplified: как получить полный контроль над flexbox

Flexbox Simplified
Flexbox - замечательный инструмент, который открывает мир адаптивных макетов, но может быть трудно точно предсказать, что произойдет, когда мы его используем, и он полон иногда сбивающих с толку параметров свойств и значений.
4 ч 41 мин 57 сек
English
Премиум
Рейтинг
Продолжительность
Язык
Цена

Узнать больше о CSS

Что такое CSS ?
CSS (Cascading Style Sheets) это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки. Он наиболее часто используется в сочетании с HTML и JavaScript для создания визуально привлекательных веб-страниц. CSS позволяет разработчикам отделять представление веб-страницы от ее структуры, что упрощает обслуживание и обновление дизайна сайта. С помощью CSS, разработчики могут определять стили для элементов, таких как текст, цвет, интервалы, макет и многое другое. Он позволяет точно управлять макетом и дизайном веб-страницы, создавая адаптивный дизайн, который может меняться в зависимости от размера экрана и устройства.
Кто использует CSS ?
CSS (Cascading Style Sheets) используются веб-разработчиками и дизайнерами для описания внешнего вида веб-страниц. Он используется для создания красивых и динамичных веб-страниц, создания адаптивного дизайна и для создания стилей для текста, цвета, интервалов, макета и многого другого. Он используется в сочетании с HTML и JavaScript для создания интерактивных и динамичных веб-страниц. В общем CSS используют все те, кто занимается разработкой и дизайном веб-сайтов.
Для чего используют CSS ?
CSS (Cascading Style Sheets) используются для описания внешнего вида веб-страниц. Они используются для создания красивых и динамичных веб-страниц, создания адаптивного дизайна и для создания стилей для текста, цвета, интервалов, макета и многого другого. Они позволяют разделить структуру и дизайн веб-страницы, что делает ее более гибкой и легкой для обслуживания. CSS используются для создания кроссбраузерных стилей, создания стилей для различных размеров экранов и устройств, создания анимации и интерактивных эффектов и многое другое.