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

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

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

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

Introduction to CSS3

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

О курсе

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits. When done correctly, the styling of a webpage can enhance your page. When done incorrectly the result can be worse than no styling at all. To ensure that your sites do not put up barriers for people with cognitive and/or physical disabilities, you will learn how to evaluate pages using the standardized POUR accessibility guidelines. Upon completion of the course, learners will be able to sketch a design for a given HTML page. Using that design they will use CSS to implement the design by adding fonts, colors, and layouts. This is the second course in the Web Design For Everybody specialization. Subsequent courses focus on adding interaction with JavaScript and enhancing the styling with Responsive Design. It will be difficult to complete this course if you do not have access to a laptop or desktop computer for the homework.

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

Cascading Style Sheets (CSS)HTML and CSSHypertext Markup Language (HTML)DebuggingTypographyProgramming PrinciplesWeb DevelopmentWeb Development ToolsResponsive Web DesignWeb Content Accessibility GuidelinesWeb Design

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

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

01Week One: Getting Started with Simple Styling26 материалов

Lesson 0: Welcome

Course SyllabusЧтениеIntroduction to CSS3ВидеоPre-Course SurveyЧтениеResourcesЧтение

OPTIONAL: Editors and Hosting

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

Colleen van Lent, Ph.D.

Teaching Professor and Lecturer IV in Information

Charles Russell Severance

Clinical Professor of Information

Introduction to CSS3
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 17.3 ч

5 модулей

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

Субтитры: Арабский, Французский, Бенгальский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Getting Started with GithubВидео
Downloading and Uploading Code with VSCode and GithubВидео
Copying Code with GitHub CodespacesВидео
Uploading to GitHub PagesВидео
Review: Publishing Your SiteВидео

Lesson 1: Getting Started with Coding

Building Your First Web PageЧтениеCascading Style SheetsВидеоReviewing the "Cascading" of CSSВидеоColorsВидеоStyling Your TextВидеоEarly codingЧтениеCode Together: Applying StyleВидеоDisplay and Visibility - Part 1ВидеоDisplay and Visibility - Part 2ВидеоCode Together: The Display PropertyВидеоCode PlacementЧтение

Lesson 2: Assessment

Styling Syntax and TheoryЗаданиеHomework One DescriptionЧтениеHomework One DescriptionВидеоHomework One: Styling Your First PageВзаимная проверкаIntroduction to the Gamut GalleryЧтениеHomework One: Optional Gallery SubmissionВнешний инструмент
02Week Two: Advanced Selectors, Display, and Designing for Accessibility23 материалов

Lesson 1: More Properties

ResourcesЧтениеDisplay: GridВидеоDisplay: GridЧтениеDisplay: FlexВидеоDisplay: FlexЧтениеStyling Links and ListsВидеоReview of the DOMЧтениеAdvanced SelectorsВидеоAttribute SelectorsВидеоCode Together: NavigationВидеоShorthand rulesЧтениеBrowser DefaultsЧтение

Lesson 2: Thinking Beyond Selectors

Browser CapabilitiesВидеоBrowsersЧтениеBackground Images and OpacityЧтениеCode Together: Background Images and OpacityВидеоDesigning For AccessibilityВидеоAdditional ResourcesЧтение

Lesson 3: Assessments

Advanced Selectors QuizЗаданиеHomework Two DescriptionЧтениеHomework Two DescriptionВидеоHomework Two: Advanced Selectors and DisplayВзаимная проверкаHomework Two: Optional Gallery SubmissionВнешний инструмент
03Week Three: The Box Model and Positioning11 материалов

Lesson 1: Advanced Ideas

ResourcesЧтениеBordersЧтениеMargin and PaddingЧтениеBox ModelВидеоCode Together: Box ModelЧтениеCode Together: Box ModelВидеоPositioningЧтениеPositioningВидеоAdditional ResourcesЧтение

Lesson 2: Assessment

Final QuizЗаданиеWhy not a Peer Assignment this week?Чтение
04Week Four: Pseudo-classes, Pseudo-elements, and a Final Project12 материалов

Lesson 1: More Advanced Selectors

ResourcesЧтениеPseudo Classes and Elements ВидеоCode Together: Styling Images with Pseudo-classesВидеоTransitionsВидеоTransformsВидеоAccessible NavigationВидеоAdditional ResourcesЧтение

Lesson 2: Assessment

Final Project DescriptionЧтениеFinal Project DescriptionВидеоFinal Project: Create your site!Взаимная проверкаFinal Project: Optional Gallery SubmissionВнешний инструмент

Lesson 3: Closing

ClosingВидео
05Week Five: Where To Go From Here?2 материалов

Other Resources

Coursera OptionsЧтениеPost-Course SurveyЧтение