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 Harry Roberts logo Harry Roberts ihatetomatoes logo ihatetomatoes itvdn logo itvdn Jen Kramer logo Jen Kramer Josh Comeau logo Josh Comeau Julia Evans logo Julia Evans Julien Klepatch (EatTheBlocks Pro) logo Julien Klepatch (EatTheBlocks Pro) kevin powell logo kevin powell learn.javascript.ru logo learn.javascript.ru leveluptutorials logo leveluptutorials loftschool logo loftschool lyndacom logo lyndacom Noel Rappin logo Noel Rappin Nomad Coders logo Nomad Coders papareact.com logo papareact.com protailwind.com (Simon Vrachliotis) logo protailwind.com (Simon Vrachliotis) purpleschool logo purpleschool Rachel Andrew logo Rachel Andrew Simon Vrachliotis logo Simon Vrachliotis Stepik logo Stepik Steve Kinney logo Steve Kinney superhi.com logo superhi.com treehouse logo treehouse tutspluscom logo tutspluscom udemy logo udemy ultimatecourses.com logo ultimatecourses.com webdesignmaster logo webdesignmaster webdevsimplified.com logo webdevsimplified.com webformyself logo webformyself wesbos logo wesbos zerotomastery.io logo zerotomastery.io Анна Блок (FRONTEND BLOK) logo Анна Блок (FRONTEND BLOK) Дмитрий Лаврик logo Дмитрий Лаврик

CSS в разделах

Frontend logo Frontend

Курсы по css

Sass - от новичка до реального проекта logo

Sass - от новичка до реального проекта

Sass - from beginner to real world
Sass стал основным языком для изучения начинающими веб-разработчиками. Он помогает вам быстрее писать свой код, делать вещи, которые иногда кажутся волшебными, а также является частью многих современных рабочих процессов. Этот курс расскажет вам, как использовать Sass, как интегрировать его в рабочий процесс и подтолкнуть вас к трудностям, помогая вам стать лучшим frontend-разработчиком.
8 ч 2 мин 59 сек
English
Премиум
Построение сложных макетов c CSS Grid logo

Построение сложных макетов c CSS Grid

Build Complex Layouts with CSS Grid Layout
В этом курсе мы узнаем о CSS Grid Layout. Grid - это функция CSS, доступная в современных браузерах.CSS Grid layout - это двумерный метод макета, который дает вам контроль над элементами как в строках, так и в столбцах. В этом курсе мы рассмотрим несколько способов разделить страницу на основные регионы с контролем размера, положения и слоя.Мы обсудим все функции, которые предлагает нам Grid, и как мы можем применять эти функции к реальным препят
0 ч 42 мин 44 сек
English
Премиум
CSS - Полное руководство (включая Flexbox, Grid и Sass) logo

CSS - Полное руководство (включая Flexbox, Grid и Sass)

CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)
Изучите CSS в первый раз или поднимите свои навыки CSS и погрузитесь еще глубже. КАЖДЫЙ веб-разработчик должен знать CSS.CSS - сокращение от Cascading Style Sheets - это «язык программирования», который вы используете, чтобы превратить ваши необработанные HTML-страницы в настоящие красивые веб-сайты.Этот курс охватывает все это - мы начинаем с самых основ (что такое CSS?) Как это работает? Как вы его используете? и постепенно погружай
20 ч 54 мин 47 сек
English
Бесплатно
Повысьте свои навыки css анимации - практический курс logo

Повысьте свои навыки css анимации - практический курс

Level up your CSS animation skills
Повысьте свои навыки анимации CSS! Этот видеокурс даст вам практический опыт, который вам нужно повысить и продать свои навыки анимации в качестве дизайнера или разработчика. В течение нескольких часов пошаговых руководств мы вместе создадим анимированную целевую страницу и узнаем, как анимация может оживить ее.Это практический курс, полный реальных загружаемых примеров кода. Вы сможете взять знания, а также реальный рабочий код, в свои проекты и
3 ч 40 мин 14 сек
English
Премиум
Twitter Bootstrap 4 logo

Twitter Bootstrap 4

 
Bootstrap 4 - Фреймворк не нуждающийся в представлении. Bootstrap позволяет сделать разработку фронтенд более быстрой, гибкой, кроссбраузерной и легкой. Этот курс призван рассмотреть самую новую версию фреймворка в деталях. 
4 ч 4 мин 10 сек
Русский
Удален по просьбе правообладателя
Продвинутый CSS и Sass: Поднимите свой CSS на следующий уровень! logo

Продвинутый CSS и Sass: Поднимите свой CSS на следующий уровень!

Advanced CSS and Sass Flexbox, Grid, Animations and More!
Самый продвинутый и современный курс CSS в Интернете: анимация, flexbox, отзывчивый дизайн и многое другое.  Вы какое-то время писали CSS, но хотите перенести свою игру на следующий уровень? Чувствуете ли вы путаницу с CSS-жаргоном, как наследование, специфика или каскад? Что если бы был один ресурс, одно место, где вы могли бы изучить все современные методы и свойства CSS, о которых вы читали? Хорошая новость: вот он! Добро пожаловать в &la
28 ч 10 мин 20 сек
English
Премиум
CSS Animations & Transitions logo

CSS Animations & Transitions

 
Добро пожаловать на курс CSS Анимаций и Переходов (Transitions). В этом курсе вы не только изучите основные техники, но и глубоко погрузитесь в создание анимаций и переходов. Мы на практике создадим комплексные анимации, с помощью которых вы повысите свои знания анимаций и переходов на новый уровень.
2 ч 9 мин 35 сек
English
Премиум
Современные CSS Сетки logo

Современные CSS Сетки

Modern CSS Layouts
В этой серии уроков «Современные CSS Сетки» мы покроем тему современных CSS Layouts. Мы будем строить сетки таких сайтов как Facebook, Instagram и моего персонального сайта (leveluptutorials.com) используя разные техники - от flexbox до CSS-Grid. Мы рассмотрим все самое свежое и самое лучшее что есть сейчас в CSS.
3 ч 34 мин 32 сек
English
Премиум
Materialize CSS с нуля + 5 проектов в курсе logo

Materialize CSS с нуля + 5 проектов в курсе

Materialize CSS From Scratch With 5 Projects
Усвой HTML 5 и Materializ CSS-фреймворк, построив 5 реальных проектов на основе Material дизайна. Этот курс предназначен для тех, кто знает базовый HTML и немного CSS и которые хотят сделать пользовательский интерфейс на следующем уровне, используя структуру Materialize CSS, основанную на схеме Google's Material Design. Вы узнаете все компоненты CSS и JavaScript, анимации / переходы и создадите 5 красивых и полностью отзывчивых (респонсив), р
10 ч 26 мин 35 сек
English
Премиум
Фреймворк Bootstrap 4 logo

Фреймворк Bootstrap 4

 
Bootstrap прост в использовании, чем и завоевал любовь многих верстальщиков  и разработчиков. Четвертая версия Bootstrap принесла довольно много интересных изминений, которые сообщество давно хотело увидеть. В этом курсе мы их и рассмотрим.
4 ч 32 мин 22 сек
Русский
Премиум
Рейтинг
Продолжительность
Язык
Цена

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

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