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

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

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

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

Essential CSS Concepts

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

О курсе

This course gives you the practical skills to build and style professional websites with CSS. Starting with the fundamentals, you’ll practice hands-on challenges that cover layout, typography, colors, and buttons before moving into more advanced concepts including positioning, z-index, and CSS specificity. Throughout the course, you’ll build a coworking space site and an NFT site, applying new techniques in real-world scenarios. You’ll explore how margins, flexbox, and selectors work, while learning to debug and refactor your code for clean, maintainable results. Each lesson introduces you to concepts step by step, ensuring you can both understand and apply CSS confidently. By the end, you’ll not only know how to create stylish, responsive page layouts but also how to organize CSS efficiently, handle tricky issues such as vertical alignment, and design with consistency across sections and elements. With challenges, guided projects, and applied examples, this course prepares you to bring your creative designs to life with CSS.

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

Cascading Style Sheets (CSS)TypographyColor TheoryInteractive DesignHypertext Markup Language (HTML)HTML and CSSMaintainabilityUI ComponentsResponsive Web DesignDebuggingWeb DesignWeb Design and DevelopmentSemantic Web

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

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

01Build an NFT Site34 материалов

Build an NFT Site

Welcome to interactive lessons!PLUGINEssential CSS Concepts IntroPLUGINBuild an NFT Site IntroPLUGINSemantic HTML - Header, Main, Section, FooterPLUGIN

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

Kevin Powell

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

Tom Chant

Instructor at Scrimba

Essential CSS Concepts
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 5.8 ч

3 модулей

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

Часть программы вашего университета
Set up the CSS basicsPLUGIN
Aside: Margins - strange behaviourPLUGIN
HeaderPLUGIN
The first section - imagePLUGIN
The first section - textPLUGIN
Aside: Hover and active statesPLUGIN
The first section - linksPLUGIN
Aside: background full widthPLUGIN
Content ContainerPLUGIN
CSS organisationPLUGIN
The second section colorsPLUGIN
The second section imgsPLUGIN
Style the FooterPLUGIN
Grouping SelectorsPLUGIN
Warning: Viewing ProblemsPLUGIN
Aside: SpecificityPLUGIN
Aside: Compound selectorsPLUGIN
Aside: Compound selectors and specificityPLUGIN
Line-height debugPLUGIN
CSS specificity and !important keywordPLUGIN
Aside: Buttons/LinksPLUGIN
Style the buttons individuallyPLUGIN
Aside: Inline-blockPLUGIN
Space out the buttonsPLUGIN
Aside: A main class and a modifier classPLUGIN
Refactor the buttonsPLUGIN
Aside: Flexbox flex-wrapPLUGIN
Aside: OverflowPLUGIN
Aside: CSS floatPLUGIN
Build an NFT Site Graded AssignmentЗадание
02CSS Fundamentals: Challenges22 материалов

CSS Fundamentals: Challenges

CSS Fundamentals: Challenges | IntroductionPLUGINCSS Fundamentals: Challenge #1 - Setting up the layoutPLUGINCSS Fundamentals: Solution #1 - Setting up the layoutPLUGINCSS Fundamentals: Challenge #2 - Google fontsPLUGINCSS Fundamentals: Solution #2 - Google fontsPLUGINCSS Fundamentals: Challenge #3 - Setting up the typographyPLUGINCSS Fundamentals: Solution #3 - Setting up the typographyPLUGINCSS Fundamentals: Challenge #4 - Making things a little more fancyPLUGINCSS Fundamentals: Solution #4 - Making things a little more fancyPLUGINCSS Fundamentals: Challenge #5 - Breathing RoomPLUGINCSS Fundamentals: Solution #5 - Breathing RoomPLUGINCSS Fundamentals: Challenge #6 - Playing with colorsPLUGINCSS Fundamentals: Solution #6 - Playing with colorsPLUGINCSS Fundamentals: Challenge #7 - The finer detailsPLUGINCSS Fundamentals: Solution #7 - The finer detailsPLUGINCSS Fundamentals: Challenge #8 - Creating buttonsPLUGINCSS Fundamentals: Solution #8 - Creating buttonsPLUGINCSS Fundamentals: Challenge #9 - Fancier headingsPLUGINCSS Fundamentals: Solution #9 - Fancier headingsPLUGINCSS Fundamentals: Challenge #10 - Working with what you havePLUGINCSS Fundamentals: Solution #10 - Working with what you havePLUGINCSS Fundamentals Challenges Graded AssignmentЗадание
03Build a Coworking Space Site14 материалов

Build a Coworking Space Site

IntroPLUGINBuild the foundationsPLUGINAside: margin: auto on flexbox childrenPLUGINPosition the menu iconPLUGINAside: Position: relative & absolutePLUGINAdd the image bannerPLUGINAdd buttonsPLUGINStop the vertical stretch on the buttonPLUGINAside: Position FixedPLUGINAdd the chatboxPLUGINAside: z-indexPLUGINz-index challengePLUGINOutroPLUGINBuild a Coworking Space Site Graded AssignmentЗадание