Try It: CSS Fundamentals from edX

This Try It: CSS Fundamentals course will show you how to achieve beautiful web design and teach you to combine HTML and CSS to create something gorgeous via lines of code. Now, CSS on its own doesn’t do anything — when you add a CSS page to HTML coding and other technologies, however, that’s when the CSS styling comes into play. Through combining CSS and HTML, suddenly a web page becomes visually interesting, interactive, and engaging. For example, the navigation on a website is now made up of buttons that are different colors, navigation can be sticky, words appear in different sizes and colors, content has spacing, animations can be added, decorative features appear, and so much more. In this course, you’ll learn the fundamentals of CSS, and:

How to style basic HTML elements
How to style existing web pages

You’ll also learn some of the terms that every developer needs to know. By the end of the course, you’ll understand what every line of CSS code is trying to accomplish. After completing this course, you will be able to:

Style HTML elements using CSS selectors
Link CSS stylesheets to HTML files

What's inside

Learning objectives

The basics of css
How to style a web page

How to combine html and css
How to style html elements using css selectors

The basics of css
How to style a web page
How to combine html and css
How to style html elements using css selectors

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches the basics of CSS, which is a commonly used skill for web development

Helps learners create visually interesting and engaging web pages

Provides learners with hands-on practice in styling HTML elements using CSS

Introduces learners to fundamental CSS concepts and terminology

Teaches learners how to combine HTML and CSS to enhance the visual appeal of web pages

Suitable for beginners with no prior CSS experience

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Try It: CSS Fundamentals with these activities:

Organize Your CSS Resources

Show steps

This activity will help you organize your CSS resources so that you can find them easily when you need them.

Show steps

Create a folder for your CSS resources
Move all of your CSS files into the folder
Create a subfolder for each type of CSS file

Review CSS in Depth

Show steps

This book provides a great overview of CSS, and will help you understand the basics of CSS and how to use it to style web pages.

View The 2021 Web Almanac on Amazon

Show steps

Read the book
Take notes on the key concepts
Try out the examples in the book

Practice Using CSS Selectors

Show steps

This activity will help you practice using CSS selectors to style HTML elements.

Browse courses on CSS Selectors

Show steps

Find a website with a simple layout
Inspect the HTML and CSS code
Try to style the elements using CSS selectors

One other activity

Expand to see all activities and additional details

Show all four activities

Follow a Tutorial on CSS Grid

Show steps

This activity will help you learn how to use CSS Grid to create complex layouts.

Browse courses on CSS Grid

Show steps

Find a tutorial on CSS Grid
Follow the tutorial
Try out the examples in the tutorial

Career center

Learners who complete Try It: CSS Fundamentals will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front-End Developers focus on the user interface and experience of websites. They work with technologies such as HTML, CSS, and JavaScript to create the look, feel, and functionality of a website. This course will be particularly valuable for Front-End Developers, as it teaches them how to use CSS to style and design web pages, allowing them to enhance the visual appeal and user experience of their projects.

See salaries and explore the career path for Front-End Developer

Web Developer

A Web Developer specializes in designing and developing websites. They use various programming languages and technologies, including HTML, CSS, and JavaScript. This course provides a crucial foundation for Web Developers, enabling them to understand and work with CSS effectively. By learning how to style web pages and combine HTML and CSS, they can create visually appealing and interactive websites.

See salaries and explore the career path for Web Developer

Web Designer

Web Designers are responsible for the overall visual appearance and layout of websites. They work closely with Front-End Developers to translate design concepts into functional and visually appealing web pages. This course provides a strong foundation for Web Designers, enabling them to understand the fundamentals of CSS and how to use it to create visually stunning and engaging websites.

See salaries and explore the career path for Web Designer

User Experience (UX) Designer

UX Designers focus on enhancing the user experience of websites and applications. They work on the usability, accessibility, and overall user journey. This course can be beneficial for UX Designers, as it provides insights into how CSS can be used to improve the visual appeal and interactivity of websites, contributing to a more positive user experience.

See salaries and explore the career path for User Experience (UX) Designer

Full-Stack Developer

Full-Stack Developers possess skills in both front-end and back-end development. They are responsible for the entire development process, from designing the user interface to managing the database. This course will be helpful for Full-Stack Developers, as it provides a foundation in CSS, enabling them to effectively style and design the front-end of web applications.

See salaries and explore the career path for Full-Stack Developer

Information Architect

Information Architects design and organize the structure and content of websites and applications. They ensure that users can easily find and access the information they need. This course may be useful for Information Architects, as it provides insights into how CSS can be used to enhance the visual presentation and organization of website content, contributing to improved user navigation and experience.

See salaries and explore the career path for Information Architect

Interaction Designer

Interaction Designers focus on the user's interactions with websites and applications. They design and evaluate how users interact with elements on a web page, ensuring a smooth and intuitive user experience. This course may be helpful for Interaction Designers, as it provides a foundation in CSS, enabling them to understand how visual design and styling impact user interactions and experience.

See salaries and explore the career path for Interaction Designer

Web Content Manager

Web Content Managers are responsible for creating and managing the content on websites. They ensure that the content is accurate, up-to-date, and engaging. This course may be useful for Web Content Managers, as it provides insights into how CSS can be used to improve the visual presentation and readability of website content.

See salaries and explore the career path for Web Content Manager

Technical Writer

Technical Writers create and maintain technical documentation, such as user manuals, white papers, and training materials. This course may be useful for Technical Writers, as it provides a foundation in CSS, enabling them to incorporate visual elements and styling into their documentation, enhancing its readability and user experience.

See salaries and explore the career path for Technical Writer

Graphic designer

Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful for Graphic Designers who are interested in incorporating web design into their projects, as it provides a foundation in CSS, enabling them to translate their designs into functional and visually appealing web pages.

See salaries and explore the career path for Graphic designer