University of Michigan

Introduction to CSS3

Colleen van Lent, Ph.D.
Charles Russell Severance

Instructors: Colleen van Lent, Ph.D.

191,567 already enrolled

Course

Gain insight into a topic and learn the fundamentals

4.8

(9,170 reviews)

11 hours (approximately)
Flexible schedule
Learn at your own pace

Skills you'll gain

  • Category: Web Design
  • Category: Style Sheets
  • Category: Cascading Style Sheets (CSS)
  • Category: Web Development

Details to know

Shareable Certificate

Add to your LinkedIn profile

Quizzes and assessments

1 quiz, 3 assessments

English
Subtitles: Arabic, French,

Course

Gain insight into a topic and learn the fundamentals

4.8

(9,170 reviews)

11 hours (approximately)
Flexible schedule
Learn at your own pace

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

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

8 videos9 readings

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 we move on to new properties that tend to require a little bit of tweaking to get the desired results. In particular we will talk about the Box Model, background images, opacity, float, columns, visibility, and designing for different browsers.

What's included

8 videos9 readings1 quiz

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? This week 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. It is also the first step to adding simple animation to your site. 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

5 videos5 readings

This week I am going to do some code review. I will show you how I used pseudo-classes and pseudo-elements to style a table. Then I give you a demonstration of three different navigation bars that utilize different styling options. We will want to step back and talk about how these different options may affect the accessibility of our site. 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

7 videos3 readings

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.

Instructors

Instructor ratings
4.8 (851 ratings)
Colleen van Lent, Ph.D.
University of Michigan
11 Courses610,179 learners
Charles Russell Severance
University of Michigan
56 Courses3,778,611 learners

Offered by

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

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 9170

4.8

9,170 reviews

  • 5 stars

    82.18%

  • 4 stars

    15.55%

  • 3 stars

    1.79%

  • 2 stars

    0.17%

  • 1 star

    0.28%

MZ
5

Reviewed on May 2, 2020

PB
4

Reviewed on May 26, 2020

AM
5

Reviewed on Jun 13, 2020

Recommended if you're interested in Computer Science

You are Currently on slide 1
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