Skip to Content

PRO SALE: Get 50% off with the code BACKINTHEDAY

·
·Catalog
·Resources
oProjects
New
oInterview Challenges
oDocs
oCheatsheets
oArticles
oVideos
oBlog
oCareer Center
·Community
oForums
oDiscord
oChapters
oEvents
oLearner Stories
·Pricing
oFor Individuals
oFor Students
oFor Teams
·Business Solutions
·
·Log In
·Sign Up
Learn CSS
Start
Overview
Syllabus
Why Learn CSS?
Without CSS, each internet web page might be drab simple textual content and pics that
flowed immediately down the web page. With CSS, you
may upload colour and heritage pics and extrade the format of your web page —
your internet pages can sense like works of art!
Take-Away Skills:
You will examine many components of styling internet pages! You’ll be capable
of installation the suitable record structure, edit textual content and colours, and
create appealing layouts. With those talents, you’ll be capable of personalize the advent of
your internet pages to fit your each need!
Note on Prerequisites:
We endorse that you complete Learn HTML earlier than gaining knowledge of CSS.
EarnCertificateof completion with 
Join-human beings who have taken this course
Time to Complete10 Hours
Prerequisites
Learn HTML
Codecademy publications were taken by personnel at
1.1
Syntax and Selectors
Learn a way to upload patterns web sites with CSS and a way to use selectors to
use patterns to unique elements.
View DetailsStart
2.2
Visual Rules
In this course, you may discover ways to fashion man or woman and corporations of
elements the use of diverse visible CSS guidelines.
View DetailsStart
3.3
The Box Model
In this course, you may discover ways to use the Box Model to put HTML elements to
your internet web page.
View DetailsStart
4.4
Display and Positioning
In this course, you may examine CSS guidelines for showing and positioning elements to
your internet web page.
View DetailsStart
5.5
Colors
In this course, you may examine all approximately selecting and placing CSS colours the use
of a style of techniques.
View DetailsStart
6.+ 1 greater lesson
WHAT YOU'LL CREATE
Portfolio initiatives that exhibit your new talents

Healthy Recipes
Using CSS selectors, you’ll supply a recipe internet site fashion.

Olivia Woodruff Portfolio

It's time to build fluency in CSS Fundamentals. In this subsequent Pro Project, we are going
to exercise Visual Rules in CSS so that you can hone your talents and sense assured taking
them to the actual world. Why? It's critical to have an excellent draw close at the basic
styling ideas of a webpage. What's subsequent? A espresso lover, photographer, developer.
You were given this!

The Box Model: Davie's Burgers

It's time to build fluency in CSS Box Model. In this subsequent Pro Project, we are going
to exercise field manipulation so that you can hone your talents and sense assured taking them
to the actual world. Why? You'll be capable of hone the talent of appropriately putting in
place your field version homes and sizing every detail to your webpage. What's subsequent?
Medium rare, keep the onions, greater CSS. You were given this!
HOW YOU'LL MASTER IT
Stress-check your information with quizzes that assist dedicate syntax to memory

Setup and Selectors

Visual Rules


Box Model
— Madelyn, Pinterest
I recognize from first-hand enjoy that you may move in understanding zero, nothing,
and simply get a draw close on the entirety as you move and begin constructing proper away.
Course Description
Learn a way to fashion and visually prepare HTML with CSS.
Details
Earn a certificates of completion 10 hours to finish in total Beginner
Syntax and Selectors
Learn a way to upload patterns web sites with CSS and a way to use selectors to
use patterns to unique elements.
Cheatsheet
LessonSetup and Syntax
LessonSelectors
ProjectHealthy Recipes
QuizSetup and Selectors
Resume
Visual Rules
1 lesson, 1 project, 1 quiz
The Box Model
2 lessons, 1 project, 1 quiz, 1 article, 1 video
Display and Positioning
1 lesson, 1 project, 1 quiz
Colors
1 lesson, 1 project, 1 quiz
Typography
1 lesson, 1 project, 1 quiz

 About
 Careers
 Affiliates
 Shop




 

RESOURCES

 Projects
 Interview Challenges
 Docs
 Cheatsheets
 Articles
 Videos
 Blog
 Career Center

COMMUNITY

 Forums
 Discord
 Chapters
 Events
 Learner Stories


INDIVIDUAL PLANS

 Pro Membership
 For Students

ENTERPRISE PLANS

 Business Solutions

MOBILE




SUPPORT

 Help Center

COURSE CATALOG
Subjects

 Web Development
 Data Science
 Computer Science
 Developer Tools
 Machine Learning
 Code Foundations
 Web Design
  —
 Full Catalog
 Beta Content
 Roadmap

Languages

 HTML & CSS

 Python
 JavaScript
 Java
 SQL
 Bash/Shell
 Ruby
 C++
 R
 C#
 PHP
 Go
 Swift
 Kotlin

 Privacy Policy
 Cookie Policy
 Do Not Sell My Personal Information
 Terms

Made with️❤️in NYC © 2022 Codecademy