Free
Course

Learn CSS

In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.

4.48 out of 5 stars
386,300 learners enrolled
  • Skill level

    Beginner
  • Time to complete

    Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary
    6 hours
  • Certificate of completion

    Included with paid plans
  • Prerequisites

    1 course
    We suggest you complete the following courses before you get started with Learn CSS:
    • Learn HTML

About this course

You’ll find learning CSS essential in styling websites. Web developers use it to build on basic HTML and add personality to plain text pages. This course helps you expand your coding foundation and gives you CSS interactive practice to start adding colors and background images or editing layouts so you can create your very own, unique stylized web pages.

Skills you'll gain

  • Add styling to HTML elements

  • Connect HTML and CSS files

  • Create unique web page layouts

Syllabus

8 lessons • 6 projects • 6 quizzes
  • Certificate of completion available with Plus or Pro

    Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.

The platform

Hands-on learning

Animated GIF of an AI provided error explanation within Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of Codecademy's Job Readiness Checker tool generating a compatibility report for a senior software engineer role
Animated GIF of building a phone screen interview using Codecademy's Interview Simulator
A fill-in-the-blank JavaScript question in a Codecademy assessment
Meet the creator of the course
Jiwon Shin
Senior Curriculum Developer at Codecademy
Jiwon is a Senior Curriculum Developer at Codecademy. She has created courses across the web development catalog on languages such as JavaScript, PHP, and CSS, frameworks like React and Node.js, and the Front-End Engineer Career Path. She also created courses on p5.js, build tools, and Intro to UI and UX Design.

Earn a certificate of completion

Show your network you've done the work by earning a certificate of completion for each course or path you finish.
  • Show proofReceive a certificate that demonstrates you've completed a course or path.
  • Build a collectionThe more courses and paths you complete, the more certificates you collect.
  • Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.

Learn CSS course ratings and reviews

4.48 out of 5 stars
11,433 ratings
  1. 5 stars
  2. 4 stars
  3. 3 stars
  4. 2 stars
  5. 1 star
  • This course really benefited me in terms of strengthening my basics in CSS. Through that I am now more confident to learn and master more advanced concepts within CSS to make my website look beautiful.
    JS L.
    Verified Learner
  • Extremely detailed. Leaves you feeling equipped to do and apply this knowledge on your own. External links are added in to further expound on the what you're learning. Recommend 10/10
    Danielle J.
    Verified Learner
  • The CSS course covers a vast amount of information and is well-structured, making it suitable for systematizing and refreshing knowledge. It provides a great opportunity to update and enhance skills in a comprehensive manner.
    Sergei T.
    Verified Learner

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo

Frequently asked questions about CSS

  • Cascading Style Sheets.

Join over 50 million learners and start Learn CSS today!

Start this free course with a Basic account

Or, get even more with a 7-day free trial.
  • Basic

    $0
    Always free
    Start Learn CSS with basic accessIncluded in Basic
    • Basic access to free courses
      Access basic material for courses in top subjects like HTML and JavaScript. Quizzes and projects not included with Basic.
    • Community support
      Connect with other learners, get answers to your questions, and attend fun events.
    • Learning resources
      Cheatsheets, docs, videos, and more to support your learning journey.
    • Real-world projects
    • All courses
    • Skill paths
    • Certificates of completion
    • Career paths
    • Technical interview prep
    • Code challenges
    • Professional certifications
    • Career services
    • Assessments
  • Plus

    Learn a skill
    $14.99 per month
    Billed annually or$29.99 billed monthly
    Build in-demand technical skills for work or a personal projectEverything in Basic and more
    • Basic access to free courses
      Access basic material for courses in top subjects like HTML and JavaScript. Quizzes and projects not included with Basic.
    • Community support
      Connect with other learners, get answers to your questions, and attend fun events.
    • Learning resources
      Cheatsheets, docs, videos, and more to support your learning journey.
    • Real-world projects
      Access our full library of practice and portfolio projects. Apply your skills and build your portfolio.
    • All courses
      Unlimited access to 300+ stand-alone courses, including everything in Basic plus popular Pro courses like Learn Python 3.
    • Skill paths
      Curated learning paths teach you everything you need to gain a specific skill, like building a website or visualizing data.
    • Certificates of completion
      Earn a certificate for courses or paths you finish to share with your network as proof of completion.
    • Career paths
    • Technical interview prep
    • Code challenges
    • Professional certifications
    • Career services
    • Assessments
  • Recommended

    Pro

    Build a career
    $19.99 per month
    Billed annually or$39.99 billed monthly
    Develop the skills and experience to land a job in techEverything in Plus and more
    • Basic access to free courses
      Access basic material for courses in top subjects like HTML and JavaScript. Quizzes and projects not included with Basic.
    • Community support
      Connect with other learners, get answers to your questions, and attend fun events.
    • Learning resources
      Cheatsheets, docs, videos, and more to support your learning journey.
    • Real-world projects
      Access our full library of practice and portfolio projects. Apply your skills and build your portfolio.
    • All courses
      Unlimited access to 300+ stand-alone courses, including everything in Basic plus popular Pro courses like Learn Python 3.
    • Skill paths
      Curated learning paths teach you everything you need to gain a specific skill, like building a website or visualizing data.
    • Certificates of completion
      Earn a certificate for courses or paths you finish to share with your network as proof of completion.
    • Career paths
      Curated learning paths give you the knowledge and experience to land a job in tech like Data Scientist or Engineer.
    • Technical interview prep
      Technical interview prep courses, practice questions, code challenges, and more.
    • Code challenges
      Test your knowledge with coding problems based on real-world technical interviews.
    • Professional certifications
      Prove you're job-ready. Earn a professional certification when you pass all the exams in select career paths.
    • Career services
      Get personalized job listings and connect with employers looking for tech talent.
    • Assessments
      Test your skills as you build toward job-readiness. Certification exams are available in select career paths.

Unlock additional features with a paid plan

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.