Learn the basics of CSS, including the box model, element style, and content positioning, to improve communication, design handoff, and web decision-making.
7097
learners enrolled
Team Lead
at
Uxcel
4.6
552
ratings
Advanced
Skill level
100% online
Learn at your own pace
Course certificate
Shareable & industry-recognized
This CSS for Designers course is essential for anyone who collaborates with developers or wants to start actively developing web pages. Through this course, you will learn the syntax and use cases of CSS stylesheets, get to know the most common CSS selectors, understand the box model, master common CSS properties and values, and more.
Understanding the fundamentals of CSS enables you to create visually appealing and engaging websites. CSS is a constant presence in primary design tools such as Figma or Adobe XD, especially when using Inspect mode. Unlike HTML, CSS allows you to customize colors, gradients, font types, and images, and modify element positioning, among other things.
By mastering CSS, you can make decisions that improve the overall user experience of a website. For example, you can create contrast and add readability and hierarchy to your designs. CSS also allows you to create responsive designs that adapt to different screen sizes and devices, making it a crucial skill for those who want to create websites that look great on desktop and mobile.
By the end of this course, you will have a solid understanding of CSS and be able to use it to create visually appealing and engaging websites that meet the needs of your users.
Certificate of completion
English language
Learn on iOS or Android
Online at your own pace
Last updated
December 24, 2025
Learn about the syntax and use cases of CSS stylesheets
Get to know the anatomy and purpose of selectors, declarations, properties, and their values in CSS, along with the syntax and how to use them.
Get to know the most common CSS selectors
Familiarize yourself with the most common CSS selectors, such as class, ID, and element selectors, and learn how to apply them to specific HTML elements.
Understand the box model
Learn all about the box model, a fundamental concept in CSS that defines the size and position of HTML elements on a web page.
Master common CSS properties and values
Explore the most commonly used CSS properties and values, including color, typography, layout, and media to create visually appealing web pages.
Frontend Developers
Build a strong CSS foundation so you can style web pages that are visually consistent and responsive across devices.
Product Designers
Understand CSS fundamentals so you can communicate with developers more effectively and improve your design handoffs.
Content Designers
Learn how CSS shapes the visual presentation of content so you can make informed decisions about web typography and layout.
17
lessons
4
tests
Certificate of completion
Level 1.
Getting Started with CSS
Level Test
progress through course
Level 2.
Box Model
Level Test
progress through course
Level 3.
Element Styling
Level Test
progress through course
Level 4.
Positioning Content
Level Test
progress through course
or
Get full access with Pro membership:
50+ expert-created courses
Industry-recognized certifications
Guided career paths & more
Earn industry-recognized certificate that you can add to your portfolio, share with HR managers, add to LinkedIn, and use to grow your career.
Standalone page
Industry recognized
CSS Foundations
Team Lead
at
Uxcel
From freelancing at 16 to leading engineering teams, my journey has always been fueled by a passion for technology and continuous learning. I started my career as an indie game developer, quickly transitioning to web development and diving into emerging technologies. Over the past 10+ years, I've built and scaled web applications, working across freelance, startup, and enterprise environments.
As a Tech Lead and Engineering Manager, I've guided teams to create impactful digital products from scratch, focusing on both front-end and back-end development. My approach has always been hands-on—learning by doing and solving real-world problems.
I believe in learning through practical experience, with knowledge that can be immediately applied to real-world projects. My courses are crafted to equip you with essential skills, provide valuable industry insights, and help you build the confidence needed to excel in web development.
4.6
(
552
)
Over 50 courses
Professional certiications
Live events & more
.svg)
.svg)
.svg)
.svg)
