University of Michigan

Introduction to CSS3

This course is part of Web Design for Everybody: Basics of Web Development & Coding Specialization

Taught in English

Some content may not be translated

Colleen van Lent, Ph.D.
Charles Russell Severance

Instructors: Colleen van Lent, Ph.D.

210,960 already enrolled

Included with Coursera Plus

Course

Gain insight into a topic and learn the fundamentals

4.8

(9,336 reviews)

|

97%

Beginner level
No prior experience required
16 hours (approximately)
Flexible schedule
Learn at your own pace

What you'll learn

  • Understand the importance of the separation of content and style.

  • Write a simple CSS rule that can modify the colors and fonts on a web page.

  • Modify the appearance of the text on a page using width, line-height, and text transformation.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

3 quizzes

Course

Gain insight into a topic and learn the fundamentals

4.8

(9,336 reviews)

|

97%

Beginner level
No prior experience required
16 hours (approximately)
Flexible schedule
Learn at your own pace

See how employees at top companies are mastering in-demand skills

Placeholder

Build your subject-matter expertise

This course is part of the Web Design for Everybody: Basics of Web Development & Coding Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate
Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

There are 5 modules in this course

Welcome to Introduction to CSS3! In this course you will learn how to style your pages by taking advantage of the power of CSS3. We will focus on both proper syntax (how to write your styling rules) and the importance of accessibility design (making sure that your style enhances your site, not make it harder to navigate). It is so important that you jump in ready to make mistakes and typos in this course. The only way you will really understand the material is to practice typing it in on your own as often as possible.

What's included

10 videos7 readings1 quiz1 peer review1 app item

Colors and fonts are just the start to styling your page. The nice thing about starting with these properties is that they are usually very straightforward to implement. You pick a color and boom - instant, expected results. This week you will learn more about something called the display property. If you took the HTML course with us you know that some elements (like images) can be displayed side-by-side on the screen while others (like paragraphs) are placed underneath each other. I really like showing people the grid and flex properties to give you a little more power about where things can go on the screen. After learning how to style links and lists we will talk about more advanced selectors . Have you ever noticed on a web page that some links are blue and others are purple, depending upon if you have clicked on the links? How is it possible to style some anchor tags and not others?

What's included

10 videos10 readings1 quiz1 peer review1 app item

This week has my favorite styling -- the box model. Learning how to add borders, padding, and margin can really make your page attractive. We end this week with the subject of positioning -- how to get elements to stick to a certain part of your page. Think about annoying pop-up ads. How do the programmers get them to stay RIGHT IN THE MIDDLE OF THE SCREEN despite the fact that you keep trying to scroll them away.

What's included

3 videos7 readings1 quiz

This week will be heavy on demos. You will learn how to style pseudo-classes (e.g. a link that has been visiting, an element that has the mouse hovering over it) and pseudo-elements (e.g. the first-letter of a heading, the first line of a paragraph). These elements are not difficult to style, but do require careful coding. The final step to completing this course is the completion of the peer-graded project. You will have the chance to demonstrate the ability to follow styling guidelines while still putting your own personal touch on the project. Just remember, you need to validate your work for proper syntax and accessibility.

What's included

8 videos3 readings1 peer review1 app item

If you would like to do more now that you have finished this course, I have a few recommendations. The most important thing is that you continue to practice your skills and always have "something" that you are working on.

What's included

2 readings

Instructors

Instructor ratings
4.8 (878 ratings)
Colleen van Lent, Ph.D.
University of Michigan
11 Courses660,257 learners
Charles Russell Severance
University of Michigan
60 Courses4,143,292 learners

Offered by

Recommended if you're interested in Mobile and Web Development

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

Showing 3 of 9336

4.8

9,336 reviews

  • 5 stars

    82.25%

  • 4 stars

    15.42%

  • 3 stars

    1.83%

  • 2 stars

    0.18%

  • 1 star

    0.29%

MS
5

Reviewed on Apr 11, 2018

MZ
5

Reviewed on May 2, 2020

AG
5

Reviewed on Feb 24, 2016

New to Mobile and Web Development? Start here.

Placeholder

Open new doors with Coursera Plus

Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions