К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Styling with CSS – Layouts and Visual Design · LearnSpace
Назад в каталог
courseraПрограммирование

Styling with CSS – Layouts and Visual Design

Курс от Packt
Начальный≈ 12.6 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you'll master CSS to create visually stunning web pages with effective layouts and design elements. Starting with the basics of styling, you’ll learn how to use CSS rules to manipulate text, images, and elements to craft well-organized and visually appealing web designs. As the course progresses, you’ll dive into layout systems such as Flexbox and Grid, which will enable you to design responsive and flexible web pages for a range of devices. The course begins with the essentials of CSS, including selectors, writing rules, and styling elements like colors, fonts, and widths. You will apply these concepts as you build projects like a storefront website, using CSS to style multiple pages, including the homepage, about page, and contact page. Then, you will explore advanced layout systems such as Flexbox and CSS Grid to create sophisticated, responsive designs. You'll also learn how to use transitions and animations to enhance the interactivity and user experience of your pages. This course is perfect for beginners who want to learn CSS and web design fundamentals. No prior knowledge of CSS is required. By the end of the course, you’ll be able to create fully styled, functional websites with engaging layouts and dynamic effects.

Навыки, которые вы освоите

Cascading Style Sheets (CSS)AnimationsHTML and CSSResponsive Web DesignGraphic and Visual DesignWeb Design and DevelopmentWeb DesignTypographyColor Theory

Программа курса

4 модулей · 48 учебных материалов

01CSS Basics12 материалов

CSS Basics

Introduction to the Course 'Styling with CSS – Layouts and Visual Design'ЧтениеFull Specialization ResourcesЧтениеWriting CSS RulesВидеоCSS SelectorsВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Styling with CSS – Layouts and Visual Design
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 12.6 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский, Казахский

Часть программы вашего университета
Defining Element WidthВидео
Defining Font SizeВидео
Defining ColorВидео
Store Front PreviewВидео
Store Front Project - Part 1Видео
Store Front Project - Part 2Видео
Styling HTML with CSS BasicsDIALOGUE
CSS Basics - AssessmentЗадание
02CSS Styling Elements11 материалов

CSS Styling Elements

The Box ModelВидеоStyling TextВидеоStyling Lists and TablesВидеоThe Display Property: Block ValuesВидеоThe Display Property: Inline ValuesВидеоStore Front Two PreviewВидеоStore Front Two Project Part 1ВидеоStore Front Two Project Part 2ВидеоStore Front Two Project Part 3ВидеоUnderstanding the CSS Box ModelDIALOGUECSS Styling Elements - AssessmentЗадание
03CSS Layout Systems11 материалов

CSS Layout Systems

Flexbox BasicsВидеоUsing Flexbox with HTML ElementsВидеоGrid BasicsВидеоUsing Grid with HTML ElementsВидеоSearch Engine PreviewВидеоSearch Engine Project Part 1ВидеоSearch Engine Project Part 2ВидеоSearch Engine Project Part 3ВидеоDebugging an IssueВидеоUsing Flexbox in CSSDIALOGUECSS Layout Systems - AssessmentЗадание
04CSS Transitions and Animations14 материалов

CSS Transitions and Animations

Pseudo ClassesВидеоCSS TransformsВидеоCSS TransitionsВидеоCSS AnimationsВидеоFinal CSS Project PreviewВидеоFinal CSS Project Part 1ВидеоFinal CSS Project Part 2ВидеоFinal CSS Project Part 3ВидеоFinal CSS Project Part 4ВидеоConclusion to the Course 'Styling with CSS – Layouts and Visual Design'ЧтениеUnderstanding CSS FlexboxDIALOGUECSS Transitions and Animations - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание