CSS Foundations
Learn the basics of CSS, including the box model, element style, and content positioning, to improve communication, design handoff, and web decision-making.
About this course
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.
Details
Prerequisites
Skills you’ll gain with course:
Topics covered
Syllabus
Getting Started with CSS
Level Test
Box Model
Level Test
Element Styling
Level Test
Positioning Content
Level Test
Earn a certificate of completion
Meet your course instructor
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.
Loved by learners from world’s top companies
Related courses
UX Design Foundations
Introduction to Figma
Typography
FAQs
This CSS for Designers course is essential for any designer 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 is crucial for designers, as it enables them 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 design 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 designers 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.
Taking the HTML for Designers course prior to the CSS for Designers course is not required. However, having prior knowledge of HTML concepts and terminology is essential for taking the CSS for Designers course. It is recommended to take the HTML for Designers course first to build a solid foundation, become familiar with the terminology, and prepare yourself for the CSS for Designers course.
UX designers need to know CSS because it enables them 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 designers to customize colors, gradients, font types, and images and modify element positioning, among other things.
By mastering CSS, designers can make design decisions that improve the overall user experience of a website. For example, they can create contrast and add readability and hierarchy to their designs. CSS also allows designers to create responsive designs that adapt to different screen sizes and devices, making it a crucial skill for designers who want to create websites that look great on desktop and mobile.
For new learners, the first level of each course is available free of charge! This allows you to experience the course without any initial investment.
However, if you're seeking a deeper and more comprehensive learning journey, we recommend our Pro Membership. With this subscription, you gain full access to all our courses, which includes additional lessons, engaging design challenges, and thorough assessments.
Additionally, Pro Membership entitles you to receive a certificate upon completion of a course and personalized feedback from experts for all your challenge submissions. To explore the pricing details and find the best plan for your learning needs, please visit our pricing page.