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 the course
A closer look at the 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.
Getting Started with CSS Box Model Element Styling Positioning Content
Outcomes
What you'll learn
- 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.