Skip to main content

The World Wide Web Consortium (W3C): CSS Basics

4.4 stars
13 ratings

Learn how to take your Web pages from bland to bold with the power of CSS styling.

5 weeks
5–7 hours per week
Self-paced
Progress at your own speed
Free
Optional upgrade available
CSS Basics

About this course

Skip About this course

This course is part of W3C's "Front-End Web Developer" Professional Certificate.

Have you just begun your journey into Web development? This course introduces you to the basics of Web design and teach you how to style your Web site for a professional look and feel.

In this course, we guide you step-by-step in using the latest Web standards to structure your content and presentation like a professional. You will explore numerous CSS features to help you control the look and feel of your site such as colors, fonts and layout. By the end of the course, you should understand all the fundamental elements of CSS and how to use them effectively.

It is recommended that you are at least a little familiar with HTML before taking this course, but we are providing you with the HTML code when necessary.

At a glance

  • Language: English
  • Video Transcript: English
  • Associated skills: Web Development, HyperText Markup Language (HTML), Presentations, Web Design, Front End (Software Engineering), Look And Feel, Cascading Style Sheets (CSS), Web Pages, Web Standards, Character Encodings In HTML

What you'll learn

Skip What you'll learn
  • Basic selection of CSS properties
  • Fundamental CSS selectors
  • Designing page layout through relative positioning with CSS
  • Best practices in Web design

Syllabus

Skip Syllabus

Module 1: Getting started with CSS

  • What is CSS?
  • Why is CSS important?

Module 2: Building CSS rules

  • HTML review
  • Building a CSS rule
  • Attaching CSS to HTML using selectors
  • Applying styles using CSS properties

Module 3: Specific HTML targeting with CSS selectors

  • Using HTML classes and IDs
  • CSS pseudo-classes
  • Combining selectors

Module 4: Layout and positioning

  • The basics of layout
  • Floating elements
  • Relative positioning

Module 5: Designing your Web site for your audience

  • The basics of design
  • Designing for your audience
  • Why accessibility is important
  • Why internationalization is important
  • Historical Web design trends
  • Current Web design trends

This course is part of Front-End Web Developer Professional Certificate Program

Learn more 
Expert instruction
5 skill-building courses
Self-paced
Progress at your own speed
7 months
5 - 7 hours per week

Ways to take this course

Choose your path when you enroll.

Verified Track

Audit Track

Price

$199 USD

Free

Access to course materials

Unlimited

Limited

Expires on Oct 27

World class institutions and universities

edX support

Shareable certificate upon completion

Graded assignments and exams

Read our FAQsin a new tab about frequently asked questions on these tracks.

Interested in this course for your business or team?

Train your employees in the most in-demand topics, with edX For Business.
Purchase nowRequest information