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

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

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

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

Styling and Responsive Design with CSS

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

О курсе

CSS is what transforms a plain HTML page into a website people actually want to use, yet most beginners either skip the fundamentals or jump straight to frameworks. This course changes that. You will learn how CSS governs styling, layout, and responsiveness across the web, and you will build these skills hands-on by styling a personal portfolio website — the same real, multi-page site you structured in HTML, now brought to life visually. Throughout this course, you will work directly with CSS to apply selectors and understand the cascade, style typography and colors, build layouts with the box model, position elements, construct flexible layouts with Flexbox, and design responsive, grid-based pages. Each concept is reinforced through step-by-step hands-on demonstrations that you can follow along on your own setup, pause, replicate, and practice at your own pace. By the end of this course, you'll be able to: Explain how CSS applies styles through selectors, the cascade, and specificity, and work with units, colors, and the box model. Build well-typeset, positioned page content using typography, display properties, and flexible Flexbox layouts. Apply CSS Grid and responsive design principles to create structured, adaptive layouts instead of fixed, single-device designs. Enhance interfaces with transitions and animations, and organize styles using BEM for long-term maintainability. This course is designed for a diverse audience: complete beginners continuing their web development journey, aspiring front-end developers building foundational skills, career switchers exploring tech, and professionals who want to understand how websites are styled before moving into dynamic functionality. No prior experience with advanced CSS or programming is required, though basic familiarity with HTML is assumed. This course builds every styling concept from the ground up. Start styling the web and build the visual foundation for every website you'll ever create using CSS.

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

Cascading Style Sheets (CSS)Responsive Web DesignTypographyHTML and CSSWeb DevelopmentWeb ContentWeb Development ToolsFront-End Web DevelopmentStyle GuidesUser Interface (UI)AnimationsWeb Analytics and SEODesign Elements And PrinciplesMaintainabilityWeb DesignUI ComponentsWeb Design and DevelopmentUser Interface and User Experience (UI/UX) DesignInteractive DesignWeb Analytics

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

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

01CSS Fundamentals and The Box Model15 материалов
Specialization IntroductionВидеоCourse IntroductionВидеоUnderstand How Styles, Colors and Values WorkВидеоWelcome to Styling and Responsive Design with CSSЧтение

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

Edureka

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 5.4 ч

3 модулей

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

Часть программы вашего университета
Create and Link Your First StylesheetВидео
Understand Selectors, Cascade and SpecificityВидео
Target and Style Elements with SelectorsВидео
Choose and Apply the Right CSS UnitsЧтение
CSS Selectors and Color FundamentalsЗадание
Style Pages with Colors, Backgrounds and GradientsВидео
Understand the CSS Box ModelВидео
Control Spacing and Borders with the Box ModelВидео
Troubleshoot Styling with Browser DevToolsЧтение
Evaluating CSS Fundamentals: Selectors, Specificity, and the Box ModelDIALOGUE
Knowledge Check: CSS Fundamentals and The Box ModelЗадание
02Styling Content and Flexible Layouts15 материалов
Explore Typography and Web FontsВидеоStyle Professional Web TypographyВидеоRefine Typography with Spacing and HierarchyВидеоBuild Interactive States with Borders and ShadowsВидеоEnhance Interactive States with Visual FeedbackВидеоUnderstand Display and PositioningВидеоExplore Normal Flow and Stacking ContextsЧтениеTypography, Display and PositioningЗаданиеImplement Sticky Navigation and OverlaysВидеоUnderstand Flexbox and Flexible LayoutsВидеоBuild a Flexbox Navbar and Card LayoutВидеоRefine Flexible Layouts with FlexboxВидеоOptimise Web Fonts, Flexbox and Focus StatesЧтениеEvaluating CSS Layouts: Typography, Positioning, and FlexboxDIALOGUEKnowledge Check: Styling Content and Flexible LayoutsЗадание
03Grid, Responsive Design and Polish17 материалов
CSS Grid FundamentalsВидеоCreate a Grid-Based Image GalleryВидеоRefine Gallery Layouts with CSS GridВидеоUnderstand Responsive Design and Media QueriesВидеоApply Variables and Modern CSS FunctionsЧтениеResponsive Layouts with CSS GridЗаданиеMake Your Portfolio ResponsiveВидеоOptimise Your Portfolio Across Screen SizesВидеоExplore Transitions, Transforms and AnimationsВидеоEnhance a Portfolio with Smooth InteractionsВидеоPolish Your Portfolio with CSS AnimationsВидеоOrganise Maintainable Styles with BEMЧтениеEvaluating CSS Grid, Responsive Design, and Final PolishDIALOGUEPractice Project: Styling a Small Business Website for a Local BakeryЧтениеStructuring and Finalizing a Responsive, Styled Business WebsiteDIALOGUEEnd Course Knowledge Check: Grid, Responsive Design and PolishЗаданиеCourse SummaryВидео